VSCodeを入れた後にとりあえず入れるもの・設定すること．

はじめに

VSCodeって簡単に設定をいじれるところがいいですけど，結局最初は何をいじればいいかわからないですよね．

そこで僕がとりあえずVSCodeを入れた後に入れるエクステンションや，設定ファイルを公開していきたいと思います．

設定

setting.json

{
    "editor.renderWhitespace": "all", //空白の可視化
    "editor.renderIndentGuides": true, //インデントのガイド表示
    "editor.formatOnPaste": true, // ペースト時に自動でフォーマット
    "editor.formatOnSave": true, // ファイル保存時に自動でフォーマット
    "editor.formatOnType": true, // 入力した行を自動でフォーマット
    "editor.dragAndDrop": false, //ドラッグドロップを無効化
    "workbench.startupEditor": "newUntitledFile",
    "files.autoSave": "afterDelay",//オートセーブ
    "files.autoSaveDelay": 1000,//オートセーブのディレイ
    "editor.wordWrapColumn": 80,//行の文字数
    "editor.wordWrap": "bounded",
    "editor.tabSize": 2,
    "editor.quickSuggestionsDelay": 0,//サジェストまでの時間
    "workbench.colorTheme": "Monokai",//配色テーマ
    "editor.suggestSelection": "first",
    "editor.matchBrackets": true,//対応するかっこの強調
    "editor.autoClosingBrackets": "always",//かっこの自動補完
}

拡張機能

• Bracket Pair Colorizer
  • 対応するかっこごとに色がつくので見やすくなる．
• Rainbow CSV
  • csvファイルが列ごとに違う色になって，見やすくなる．大きいcsvファイルほどきれい．
• vscode-icons
  • アイコンがつく．かわいい．

キーコンフィグ

keybidings.json

[
    {
        "key": "ctrl+shift+p",
        "command": "cursorUpSelect",
        "when": "textInputFocus"
    },
    {
        "key": "ctrl+shift+n",
        "command": "cursorDownSelect",
        "when": "textInputFocus"
    },
    {
        "key": "ctrl+shift+f",
        "command": "cursorRightSelect",
        "when": "textInputFocus"
    },
    {
        "key": "ctrl+shift+b",
        "command": "cursorLeftSelect",
        "when": "textInputFocus"
    },
    {
        "key": "tab",
        "command": "selectNextSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "shift+tab",
        "command": "selectPrevSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "ctrl+k ctrl+k",
        "command": "deleteAllRight",
        "when": "textInputFocus && !editorReadonly"
    },
    {
        "key": "ctrl+k",
        "command": "-deleteAllRight",
        "when": "textInputFocus && !editorReadonly"
    },
]

• ctrl+shift+(p,n,f,b)系は，選択しながらカーソルを動かしたいので設定しています．
• コードを書いているときにサジェストされるものの移動はtabとshift+tabで上下移動するように設定しています．
• ctrl+k ctrl+kはカーソルより右を切り取るのに，設定しています．

おわりに

僕がまずはじめに設定するのは，これくらいですかね．

pythonやLaTex,MarkdownやUnityをいじりたいときはもうちょっと入れたりするものもありますが，基本的なものはこれくらいで十分だと思います．

VSCodeはもっともっといじると快適に使えると思うので，いじり倒したいと思います．