VS Code の settings.json を公開❗❗

※随時更新します❗

基本、Draculaテーマをベースに独自のカスタマイズをしております。

# 環境
OS：macOS Catalina
Shell：fish shell
VSCode Ver 1.44.2


# settings.json

```settings.json 
{
  // ================
  // general settings
  // ================
  /* ウィンドウ設定 */
  // "window.zoomLevel": -1, // 画面全体の表示サイズ
  "window.restoreWindows": "one", // 起動時に前回開いていたワークスペースを開く
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}", // フルパス表示
  "window.closeWhenEmpty": false, // 最後のエディタを閉じたとき、ウィンドウは閉じない（フォルダを表示していないウィンドウのみ）
  "debug.console.fontSize": 12, // コンソール文字サイズ
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", // サジェスト一覧の初期表示項目設定
  "breadcrumbs.enabled": true, // ファイルパンくず表示
  "vsicons.dontShowNewVersionMessage": true, // 新バージョンの非表示
  /* エディター設定 */
  // "editor.codeLens": false, // CodeLens を非表示
  "editor.wordWrap": "on", // 右端で折り返す
  "editor.tabSize": 2, // タブ
  // "editor.lineHeight": 28, // 行の高さ
  "editor.detectIndentation": true, // ファイルに基いてインデント、タブを変更する（tabSizeとinsertSpacesの設定は無効になる）
  "editor.renderLineHighlight": "all", // 選択行の行番号ハイライト
  "editor.fontFamily": "Hack Nerd Font", // フォント
  "editor.glyphMargin": true, // 行の左端に余白を作る
  "editor.roundedSelection": true, // 選択範囲の角を丸める
  "editor.quickSuggestions": { // 補完候補の自動表示
    "comments": false, // コメント内では無効
    "strings": true, // 文字列内では有効
    "other": true //  その他の場所で有効
  },
  "editor.formatOnType": true, // コード整形
  "editor.formatOnPaste": true, // コード整形
  // "editor.rulers": [100], // 右端のルーラー位置
  "editor.folding": true, // コードの折りたたみを許可
  // "editor.letterSpacing": -1, // 文字の間隔を詰める
  "editor.lineNumbers": "on", // 行番号の表示
  "editor.minimap.enabled": true, // ミニマップの表示
  "editor.minimap.maxColumn": 40, // ミニマップの幅
  "editor.scrollBeyondLastLine": true, // 最終行よりも下へのスクロールを許可
  "editor.wordSeparators": "`~!#%^&*()-=+[{]}\\|;:'\",.<>/?", // 文字の区切り（初期値 => "`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?"）
  "editor.renderControlCharacters": true, // 制御文字の表示
  // "editor.renderWhitespace": "boundary", // 連続した空白文字を可視化
  "editor.insertSpaces": true, // Tabキーで半角スペースを入力
  "editor.fontSize": 12, //  文字サイズ
  "editor.renderIndentGuides": true, // インデントのガイドラインを表示
  "editor.minimap.renderCharacters": false, // ミニマップを簡略化
  "editor.minimap.showSlider": "always", // ミニマップのハイライトを常に表示
  "editor.minimap.side": "right", // ミニマップを右に表示
  // "editor.autoIndent":"keep", // オートインデント
  "editor.cursorStyle": "line", // カーソルの形状
  "editor.cursorBlinking": "smooth", // カーソルの表示形式
  "editor.cursorWidth": 5, // カーソル幅
  "editor.emptySelectionClipboard": true, // 選択範囲無しでのコピーを許可
  "editor.links": true, // リンクをクリック可能に
  "editor.matchBrackets": "never", // 対応する括弧の強調表示をオンに
  "editor.mouseWheelScrollSensitivity": 3, // マウスホイール回転の移動係数
  "editor.mouseWheelZoom": false, // Ctrl+マウスホイールによるズームを無効化
  "editor.suggestFontSize": 12, // サジェストの文字サイズ
  "editor.suggestLineHeight": 12, // サジェスト欄の行の高さ
  "editor.suggestSelection": "first", //候補リストを表示するとき、常に最初の候補を選択
  /* ターミナル */
  // The path of the shell that the terminal uses on OS X.
  "terminal.integrated.shell.osx": "/usr/local/bin/fish", // fish Shell
  "terminal.integrated.fontFamily": "Hack Nerd Font", // フォント
  "terminal.integrated.fontSize": 12, // フォントサイズ
  /* エクスプローラー */
  "files.insertFinalNewline": true, // 保存時に末尾を空行にする
  "files.trimFinalNewlines": true, // 保存時に最終行以降を削除
  "files.trimTrailingWhitespace": true, // 保存時に行末のホワイトスペースを削除
  "files.autoGuessEncoding": true, // 文字コードを自動判別
  "files.associations": { // ファイルと言語の関連付けを変更
    "*.tag": "html"
    // "*.php4": "php",
    // "*.php5": "php",
    // "**/somefolder/*.*": "php",
    // "*.es.json": "es",
    // "*.hive.sql": "hive-sql",
  },
  "files.exclude": { // エクスプローラーから除外するファイルとフォルダ
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/bin": true,
    // "**/*.exe": true,
    "**/*.o": true,
    "**/*.obj": true,
    "**/*.ilk": true,
    "**/*.pdb": true,
    "**/*.tlog": true,
    "**/*.idb": true,
    "**/*.dll": true
    // "**.vs": true,
  },
  "search.exclude": { // ファイルブラウザには表示するが、検索から除外する
    "**/node_modules": true,
    "**/bower_components": true,
    // 例えばキャッシュディレクトリを追加すると、検索で余計なファイルが出てこなくて便利
    "**/tmp/cache": true
  },
  "files.watcherExclude": { // ファイル モニタリングから除外するファイル パスの glob パターンを構成します
    // この設定を変更すると、再起動が必要になります
    // 始動時に Code が消費する CPU 時間が多い場合は、大規模なフォルダを除外して初期ロードを減らせます
    "**/.git/objects/**": true
  },
  // ワークベンチ設定
  "workbench.startupEditor": "newUntitledFile", // 起動時ページを空白のページにする
  "workbench.editor.showTabs": true, // タブを表示
  // "workbench.activityBar.visible": false, // アクティビティバー(左端)を非表示に
  "workbench.editor.tabSizing": "shrink", // タブが多い場合、文字を非表示にしてもタブ表示を優先する
  "workbench.statusBar.visible": true, // ステータスバー(下端)を表示
  "workbench.sideBar.location": "left", // サイドバーを左に
  "workbench.colorTheme": "Dracula", // カラーテーマ
  "workbench.iconTheme": "material-icon-theme", // アイコンの適用
  "workbench.colorCustomizations": { // カラーテーマに上書きする個別の設定
    "statusBar.background": "#333333", // ステータスバー背景色
    "statusBar.noFolderBackground": "#333333", // フォルダが開いていないときのステータスバー背景色
    "statusBar.foreground": "#00e8dc", // ステータスバー前景色
    "statusBar.noFolderForeground": "#00e8dc", // フォルダが開いていないときのステータスバー前景色
    "statusBar.border": "#00e8dc", // ステータスバーの境界線
    // "sideBar.background": "#333333", // サイドバーの背景色
    // "sideBar.foreground": "#00e8dc", // サイドバーの前景色
    "sideBarSectionHeader.foreground": "#00e8dc", // サイドバーのセクションヘッダーの前景色
    "sideBar.border": "#00e8dc", // サイドバーの境界線
    "list.activeSelectionForeground": "#00e8dc", // ツリーリストがアクティブのとき、選択された項目のツリーリスト前景色
    "list.focusForeground": "#00e8dc", // ツリーリストがアクティブのとき、フォーカスされた項目のツリーリスト前景色
    "list.hoverForeground": "#00e8dc", // マウス操作で項目をホバーするときのツリーリスト前景色
    "button.foreground": "#00e8dc", // ボタンの前景色
    // "activityBar.background": "#333333", // アクティビティバーの背景色
    "activityBar.foreground": "#00e8dc", // アクティビティバーの前景色
    "activityBar.border": "#00e8dc", // アクティビティバーの境界線
    "activityBarBadge.background": "#00e8dc", // アクティビティ通知バッジの背景色
    "activityBarBadge.foreground": "#333333", // アクティビティ通知バッジの前景色
    "editor.lineHighlightBackground": "#333333", // 選択している行の強調色
    "scrollbarSlider.background": "#00e8dc", // スクロールバーの色
    "scrollbarSlider.hoverBackground": "#00ccffcc", // 移動中のスクロールバーの色
    "scrollbar.shadow": "#00e8dc", // スクロールの影
    "tab.activeBorder": "#00e8dc", // アクティブタブの下線
    "tab.activeForeground": "#00e8dc", // 非選択タブの文字色
    "editorSuggestWidget.selectedBackground": "#00e8dc", // サジェスト欄、選択中項目の背景色
    "editorLineNumber.activeForeground": "#00e8dc" // エディタのアクティブ行番号
  },
  /* HTML */
  "html.format.extraLiners": "", // <head>,<body>,</html>タグ前に空行を入れない
  "html.format.contentUnformatted": "pre, code, textarea, title, h1, h2, h3, h4, h5, h6, p", // フォーマットしない要素を指定
  "html.format.unformatted": null, // インライン要素をフォーマットしない
  /* Emmet */
  "editor.snippetSuggestions": "top", // Emmetのスニペット候補を優先表示
  "emmet.showSuggestionsAsSnippets": true, // Emmetの候補を表示
  "emmet.triggerExpansionOnTab": true, // TABキーでEmmet展開
  "emmet.showExpandedAbbreviation": "always", // 常にEmmetを表示する
  "emmet.showAbbreviationSuggestions": true, // Emmetの候補を表示する
  "emmet.variables": { // Emmet展開のHTML言語変更
    "lang": "ja"
  },
  "emmet.excludeLanguages": [ // Emmetを発動しないファイル
    "markdown",
    "json"
  ],
  /* ESlint Stylelint Prettier */
  "npm.enableScriptExplorer": true, // 最上位の 'package.json' ファイルがない場合は、npm スクリプトのエクスプローラー ビューを有効にする
  "editor.formatOnSave": true, // フォーマッタが有効の場合、ファイルを保存するときにフォーマットする。ファイルの遅延保存やエディターを閉じることは許可されていない
  "editor.codeActionsOnSave": { // 保存時に実行されるコードアクションの種類
    "source.fixAll.eslint": true
  },
  "javascript.format.enable": false, // 既定の JavaScript フォーマッタを無効にする
  "stylelint.autoFixOnSave": true, // 保存時の自動修正をオンにする
  // ===================
  // extensions settings
  // ===================
  "extensions.autoUpdate": true, // 自動更新
  "extensions.ignoreRecommendations": true, // 推奨事項の通知を OFF
  "kite.showWelcomeNotificationOnStartup": false, // 起動時に Kite のウェルカム通知を非表示
  "vscode-w3cvalidation.validator-token": "Thu, 23 Apr 2020 09:29:21 GMT",
  "python.jediEnabled": false, // エンジンを有効にする
  "todo-tree.highlights.enabled": true, // Todo Tree のハイライトを有効にする
  "todo-tree.tree.showScanModeButton": false, // Todo Tree のツリービューのヘッダーにボタンを表示して、現在のファイル、開いているファイル、またはワークスペース全体のスキャンを切り替える
  "gitlens.advanced.messages": {
    "suppressShowKeyBindingsNotice": true
  },
  "vs-kubernetes": {
    "vs-kubernetes.minikube-path.mac": "/Users/digi-angler/.vs-kubernetes/tools/minikube/darwin-amd64/minikube",
    "vs-kubernetes.helm-path.mac": "/Users/digi-angler/.vs-kubernetes/tools/helm/darwin-amd64/helm",
    "vs-kubernetes.draft-path.mac": "/Users/digi-angler/.vs-kubernetes/tools/draft/darwin-amd64/draft"
  },
  // ===========================
  // language specified settings
  // ===========================
  // ========== JSON ===========
  "[json]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== HTML ===========
  "[html]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== CSS ============
  "[css]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== SCSS ===========
  "[scss]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ======= JavaScript ========
  "[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  // ==== JavaScriptReact ======
  "[javascriptreact]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ======= TypeScript ========
  "[typescript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ==== TypeScriptReact ======
  "[typescriptreact]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== Vue ===========
  "[vue]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ======== Angular =========
  "[angular]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== Go ============
  "[go]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ======== Python ==========
  "[python]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // =========== R ============
  "[r]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== Ruby ==========
  "[ruby]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== Java ==========
  "[java]": {
    "editor.tabSize": 4,
    "editor.insertSpaces": true
  },
  // ========== PHP ===========
  "[php]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ======-== Swift =======-==
  "[swift]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ========== SQL ===========
  "[sql]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ======== Jupyter =========
  "[jupyter]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ====== dockerfile ========
  "[dockerfile]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  },
  // ======= Markdown =========
  "[markdown]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true
  }
}

```

# こんな感じ

<img width="1680" alt="スクリーンショット_2020-04-24_15_30_31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/d621fb0d-f8ec-476d-9f58-9376683740c2.png">

<img width="1680" alt="スクリーンショット_2020-04-24_15_45_56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240597/4671d2c7-26ac-c746-46b6-9518533d62e3.png">