※随時更新します❗
基本、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
}
}
こんな感じ
