vscode＆iterm2設定とプラグイン

効果

vscodesettings.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プラグインの一部

自動名前変更タグ

ブラケットペア彩色

カラーハイライト

ES7は/ Reduxの/ GraphQL /リアクト - ネイティブスニペットに反応します

ESLint

ガイド

JavaScriptコンソールutilsパッケージ

材料アイコンテーマ

ワンダークプロ

/ Reduxの/反応し、ルータのスニペットを反応させます

ALLハイライト

vscodeはutilsの変換します

---

iterm2関連する構成

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

www.cnblogs.com/soyxiaobi/p...