Visual Studio Codeをインストールしたらすること
codeコマンドを有効
VS Code上でcommand+shift+Pしてコマンドパレットにshell commandって打つと『Shell Command: Install ‘code’ command in PATH command.』
おすすめ設定
{
"diffEditor.renderSideBySide": false, // Git の差分を行内に表示
"editor.colorDecorators": false, // カラーデコレーターを非表示
// "editor.formatOnPaste": true, // ペースト時に自動でフォーマット
// "editor.formatOnSave": true, // ファイル保存時に自動でフォーマット
// "editor.formatOnType": true, // 入力した行を自動でフォーマット
"editor.minimap.renderCharacters": false, // ミニマップの表示文字をブロックに変更
"editor.minimap.showSlider": "always", // 表示領域をミニマップで常にハイライト
"editor.multiCursorModifier": "ctrlCmd", // マウスでの複数選択時の修飾キーを変更
"editor.renderControlCharacters": true, // 制御文字を表示
"editor.renderLineHighlight": "all", // 選択行を行番号含めすべてハイライト
"editor.renderWhitespace": "all", // 半角スペースを常に表示
"editor.snippetSuggestions": "top", // Emmet などのスニペット候補を優先して表示
"editor.tabSize": 2, // タブのサイズ変更
"editor.wordWrap": "on", // エディターの幅で折り返し
"editor.autoIndent": "none", // 改行時に自動でインデントしない
"emmet.showSuggestionsAsSnippets": true, // Emmet の候補を表示
"emmet.triggerExpansionOnTab": true, // TAB キーで Emmet を展開できるようにする
"emmet.variables": { // Emmet で展開される HTML の言語を変更
"lang": "ja"
},
"explorer.confirmDelete": false, // ファイル削除時の確認を表示しない
"files.associations": { // ファイルと言語の関連付けを変更
".*lintrc": "json"
},
"files.exclude": { // エクスプローラーから非表示にするファイル
"**/*.map": true,
"**/node_modules": true
},
// "files.insertFinalNewline": true, // ファイルの保存時に末尾を改行
// "files.trimFinalNewlines": true, // ファイルの保存時に最終行以降をトリミング
// "files.trimTrailingWhitespace": true, // ファイルの保存時に行末の空白をトリミング
"[markdown]": {
"files.trimTrailingWhitespace": false // Markdown のファイルは行末の空白をトリミングしない
},
"html.format.contentUnformatted": "pre, code, textarea, title, h1, h2, h3, h4, h5, h6, p", // タグ内の記述はフォーマットしない
"html.format.extraLiners": "", // head, body, /html タグの前に改行を入れない
"html.format.unformatted": null, // フレージング・コンテンツ（旧インライン要素のようなタグ）はフォーマットしない
"html.format.wrapLineLength": 0, // 行の文字数制限を無くし自動で改行させない
"search.exclude": { // 検索対象外にするファイル設定（ files.exclude のファイルも含む）
"**/tmp": true,
"**/vendor": true
},
"window.openFoldersInNewWindow": "on", // 新規ワークスペースを別ウインドウで開く
"window.title": "${activeEditorMedium}${separator}${rootName}", // ウインドウ上部に表示する文字列の設定
"workbench.editor.labelFormat": "short", // タブに表示する文字列の設定
"workbench.editor.tabSizing": "shrink", // タブの表示設定
"workbench.startupEditor": "none",
"window.zoomLevel": 0, // Welcome Page を表示しない
"workbench.editor.enablePreview": false, // 毎回新規タブとして開く
}
※保存の度にフォーマットすると余計な修正を入れることになるので無効
ショートカットキーを変更
https://qiita.com/kinchiki/items/dabb5c890d9c57907503
変数名の変換
VS Codeで選択範囲のテキストの大文字／小文字を切り替えるには：Visual Studio Code TIPS - ＠IT
ショートカット
|動作|キー| |:–|:–| |ナビゲーションを戻す(呼び出し先に戻る)|Control + -| |ナビゲーションを進める|Control + Shift + -| |全ファイルをグレップ|command + shift + F| |ファイル名で検索|command + P| |置換|command + option + F| |redo|command + shift + Z|
[Visual Studio Codeでファイル名の検索 ハックノート](https://hacknote.jp/archives/47199/)
ショートカットを変更する
Visual Studio Codeで簡単にショートカットキーを変更する方法 - Qiita