setting.json

自分用
# theme
Atom Material Theme
# formater
SQL:Prettier SQL VSCode
json:JSON formatter
python:Black Formatter
その他:Prettier
# setting.json
```
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  // Prettier全般の設定
  "prettier.singleQuote": true,
  "prettier.tabWidth": 2,
  "prettier.semi": true,
  "prettier.printWidth": 100,
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter",
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
      "source.organizeImports": "explicit"
    }
  },
  "black-formatter.args": [
    "--line-length",
    "88"
  ],
  "[sql]": {
    "editor.defaultFormatter": "inferrinizzard.prettier-sql-vscode",
    "editor.formatOnSave": true
  },
  "prettier-sql-vscode.keywordCase": "upper",
  "prettier-sql-vscode.expressionWidth": 80,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json][jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // ----------------以上上がformat設定-------------------
  // ----------------以下から色の設定-------------------
  "workbench.iconTheme": "eq-material-theme-icons",
  "workbench.colorTheme": "Atom Material Theme",
  "editor.tokenColorCustomizations": {
    "[Atom Material Theme]": {
      "textMateRules": [
        {
          "scope": [
            "variable.css",
            "entity.other.custom-property.css",
            "support.type.custom-property.css",
            "support.type.custom-property.postcss",
            "support.type.custom-property.scss",
            "variable.other.custom-property.css"
          ],
          "settings": {
            "foreground": "#3fb5c8"
          }
        },
        {
          "scope": [
            "constant.numeric.css",
            "constant.numeric.decimal.css",
            "constant.numeric.percentages.css",
            "constant.numeric.value.css"
          ],
          "settings": {
            "foreground": "#c3dc69"
          }
        },
        {
          "scope": [
            "keyword.other.unit.css",
            "keyword.other.unit.percentage.css",
            "keyword.other.unit.rem.css",
            "keyword.other.unit.px.css",
            "keyword.other.unit.vh.css",
            "keyword.other.unit.vw.css",
            "keyword.other.unit.em.css"
          ],
          "settings": {
            "foreground": "#f07178"
          }
        }
      ]
    }
  },
  "workbench.colorCustomizations": {
    // 通常のカーソルの色
    "editorCursor.foreground": "#00FF00",
    // 選択範囲の背景色
    "editor.selectionBackground": "#264F78",
    // 選択範囲の境界線の色
    "editor.selectionHighlightBorder": "#264F78",
    // 現在行の強調表示
    "editor.lineHighlightBackground": "#2C313C",
    "editor.lineHighlightBorder": "#282C34",
    // 検索時のカーソル位置の強調表示
    "editor.findMatchHighlightBackground": "#314365",
    // カーソル行の番号の色
    "editorLineNumber.activeForeground": "#00FF00",
    // terminal
    "terminal.foreground": "#00FF00",
    // 括弧ペアの色設定
    "editorBracketPairGuide.background1": "#60A917", // Green
    "editorBracketPairGuide.background2": "#1BA1E2", // Blue
    "editorBracketPairGuide.background3": "#AA00FF", // Violet
    "editorBracketPairGuide.background4": "#E51400", // Red
    "editorBracketPairGuide.background5": "#F0A30A", // Amber
    "editorBracketPairGuide.background6": "#00A4A4", // Teal
    // アクティブな括弧ペアの色設定
    "editorBracketPairGuide.activeBackground1": "#60A917",
    "editorBracketPairGuide.activeBackground2": "#1BA1E2",
    "editorBracketPairGuide.activeBackground3": "#AA00FF",
    "editorBracketPairGuide.activeBackground4": "#E51400",
    "editorBracketPairGuide.activeBackground5": "#F0A30A",
    "editorBracketPairGuide.activeBackground6": "#00A4A4"
  },
  // ----------------以下からその他の設定-------------------
  "workbench.editor.tabSizing": "shrink", // タブのサイズを縮小
  "window.title": "${folderName} ${activeEditorShort}", // ウィンドウタイトルの設定
  "window.zoomLevel": -1, // デフォルトのズームレベル
  "workbench.startupEditor": "none", // startup画面を表示しない
  "files.trimTrailingWhitespace": true, // 末尾の空白を削除
  "diffEditor.experimental.useTrueInlineView": true, // 差分表示をわかりやすくする
  "editor.fontSize": 14, // フォントサイズ
  "editor.wordWrap": "on", // 折り返し
  "editor.glyphMargin": false, // 行数表示
  "editor.roundedSelection": true, // 選択範囲を角丸に
  "editor.renderWhitespace": "boundary", // 空白文字を表示
  "editor.renderControlCharacters": true, // 制御文字を表示
  "editor.dragAndDrop": false, // ドラッグ&ドロップ
  "editor.smoothScrolling": true, // スムーズスクロール
  "explorer.compactFolders": false, // フォルダをコンパクトに表示はみずらいのでfalse
  "explorer.confirmDelete": false, // 削除時の確認
  "git.suggestSmartCommit": false, // gitのスマートコミットを無効
  "scm.compactFolders": false, // gitのフォルダをコンパクトに表示はみずらいのでfalse
  "scm.defaultViewMode": "tree", // gitの表示モード
  "scm.diffDecorationsGutterWidth": 5, // 差分表示のマージン
  "scm.graph.badges": "all", // gitのバッジ表示
  "scm.inputFontFamily": "editor", // gitのフォント
  "scm.inputFontSize": 14, // gitのフォントサイズ
  "terminal.integrated.fontSize": 16, // ターミナルのフォントサイズ
  "search.showLineNumbers": true, // 検索結果に行番号を表示
  "terminal.integrated.enableImages": true, // ターミナルで画像を表示
  "terminal.integrated.enableVisualBell": true, // ターミナルのビジュアルベル
  "terminal.integrated.mouseWheelZoom": true, // ターミナルのマウスホイールズーム
  "terminal.integrated.smoothScrolling": true, // ターミナルのスムーズスクロール
  "workbench.editor.closeOnFileDelete": true, // ファイル削除時のタブのクローズ
  "workbench.editor.pinnedTabsOnSeparateRow": true, // ピン留めしたタブを別行に表示
  "workbench.editor.scrollToSwitchTabs": true, // タブ切り替え時にスクロール
  "workbench.editor.wrapTabs": false, // タブを折り返す
  "workbench.list.smoothScrolling": true, // ファイルリストのスムーズスクロール
  "workbench.view.alwaysShowHeaderActions": true, // ヘッダーアクションを常に表示
  //---------------------------------以下はカーソル関連---------------------------------
  "editor.cursorStyle": "block",
  "editor.cursorWidth": 2,
  "editor.cursorBlinking": "blink",
  "editor.cursorSmoothCaretAnimation": "on",
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.cursorStyle": "block",
  "terminal.integrated.cursorWidth": 2,
  "terminal.integrated.fontWeight": "normal",
  //---------------------------------以下はindent関連---------------------------------
  "editor.autoIndent": "keep", // 自動インデント
  "editor.guides.indentation": true,
  "editor.guides.bracketPairs": true,
  "editor.guides.highlightActiveIndentation": true,
  "editor.guides.bracketPairsHorizontal": true,
  // 括弧ペアの設定
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.highlightActiveBracketPair": true,
  //------------------------------------------------------------------
  // HTML
  "emmet.variables": {
    "lang": "ja"
  },
  // codespellchecker
  // にょろにょろを回避したい文字をいれる
  "cSpell.userWords": [
    "",
    "",
    ""
  ]
}
```