自分用
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": [
"",
"",
""
]
}