DEV Community 👩‍💻👨‍💻

kaede
kaede

Posted on • Updated on

VS Code 個人用設定

必須の拡張機能

Rainbow Brackets

Image description

ブラケットのペアごとに赤、緑、青、黄色、と色が変わるようなる
まとまりが分かりやすくなる


indent-rainbow

IntelliJ と同じく、インデントもいける

Image description

IntelliJ と違って再起動必要なくて嬉しい

Rainbow CSV

IntelliJ と同じくry

Vim

hjkl での移動や yy dd pp でのコピー削除貼り付けができるようになる
jj で escape する方法は後述


Jest Runner

Image description

Image description

Jest をコードの上から実行できる



設定ファイルの編集

User/.../Application Support/.../settings.json ファイルを編集する

全てのプロジェクト共通の設定。

最初は GUI モードだが

Image description

右上のこのファイルが回転してるアイコンでテキストモードにできる。

このファイルは setting.json で

User/
Enter fullscreen mode Exit fullscreen mode

にある。

プロジェクトファイルごとの .vscode/ にも作れるが
そちらでは vim の設定など、根本的な設定は機能しない
なのでこちらに根本的な設定を書く必要がある

1 sec 後に自動保存されるようにする

    "files.autoSave": "afterDelay",
Enter fullscreen mode Exit fullscreen mode

onFocusChange はすぐに動かない

タブを 2 スペースに

    "editor.tabSize": 2,
Enter fullscreen mode Exit fullscreen mode

vim 拡張で jj が esc になるようにする

    "vim.insertModeKeyBindings": [
        {
            "before": ["j", "j"],
            "after": ["<Esc>"]
        }
    ],
Enter fullscreen mode Exit fullscreen mode

git 設定

autostash を設定

pull したあとにコミットを下につける

Top comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.