vscode & iterm2 的配置及插件

效果

vscode 的 settings.json 配置

{
    "[javascriptreact]": {},
    "files.associations": {
        "*.js": "javascriptreact"
    },
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
    },
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": [
                    "entity.name.function",
                    "support.function"
                ],
                "settings": {
                    "fontStyle": "bold"
                }
            }
        ]
    },
    "editor.minimap.renderCharacters": false,
    "editor.minimap.maxColumn": 200,
    "editor.minimap.showSlider": "always",
    // "editor.cursorSmoothCaretAnimation": true,
    "files.trimTrailingWhitespace": true,
    "files.insertFinalNewline": true,
    "editor.lineHeight": 25,
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "window.zoomLevel": 0,
    "workbench.colorTheme": "One Dark Pro Bold",
    "breadcrumbs.enabled": true,
    // "editor.codeActionsOnSave": {
    //   "source.organizeImports": true
    // }
    "terminal.integrated.fontFamily": "Meslo LG M for Powerline",
    "diffEditor.ignoreTrimWhitespace": true,
    "editor.renderIndentGuides": false,
    "guides.normal.color.dark": "rgba(91, 91, 91, 0.6)",
    "guides.normal.color.light": "rgba(220, 220, 220, 0.7)",
    "guides.active.color.dark": "rgba(210, 110, 210, 0.5)",
    "guides.active.color.light": "rgba(200, 100, 100, 0.7)",
    "guides.active.style": "dashed",
    "guides.normal.style": "dashed",
    "guides.stack.style": "dashed",
    "workbench.iconTheme": "material-icon-theme",
    "material-icon-theme.folders.theme": "specific",
    "material-icon-theme.activeIconPack": "react_redux",
}

复制代码

---

以下是 vscode 的一些插件

Auto Rename Tag

Bracket Pair Colorizer

Color Highlight

ES7 React/Redux/GraphQL/React-Native snippets

ESLint

Guides

javascript console utils

Material Icon Theme

One Dark Pro

React/Redux/react-router Snippets

TODO Highlight

vscode convert utils

---

iterm2 的相关配置

www.cnblogs.com/xishuai/p/m…

www.cnblogs.com/soyxiaobi/p…