VSCode

【VSCode】おすすめ拡張機能一覧

おすすめ拡張機能一覧(汎用系)

Japanese Language Pack for Visual Studio Code

VSCode内の文字を日本語に対応させるための拡張機能です。英語が少しつらいと感じる方は入れてみるといいと思います。

1. コマンド + shift + P でコマンドパレットを開く
2. Configure Display Language と入力
3. ja を選択

Auto Close Tag + Auto Rename Tag

Auto Complete Tagというパッケージがあるので、これをインストールすれば両方インストールできます。

Auto Close Tag → HTMLの閉じタグを自動化
Auto Rename Tag → 片方のタグを編集する際対応するタグも自動修正

indent-rainbow

インデントに色をつけてくれます。

TODO Highlight

デフォルトでは、TODO:とFIXMEしかありませんが、以下のようにすることで新しい文字列を追加したり、色を変えたりできます。

    "todohighlight.keywords": [
        {
            "text": "TODO:",
            "backgroundColor": "#ff00ff"
        },
        {
            "text": "HACK:",
            "backgroundColor": "blue"
        }
    ]

Rainbow CSV

拡張子.csvの中身に配色をしてくれます。とても見やすくなるのでぜひこの際に入れてみてください!

zenkaku

全角の部分をハイライトしてくれます。

1. コマンド + shift + P
2. zenkakuと入力
3. Enable zenkaku を選択

simple icons

僕がやっているVSCodeの設定

随時追加予定。

プロジェクトごとにバーに配色する

1. プロジェクトルートに.vscode/ディレクトリを作成
2. .vscode/settings.jsonを作成
3. 以下のように記述

{
  "workbench.colorCustomizations": {
      "titleBar.activeBackground": "#dcbc06",
      "titleBar.activeForeground": "#000000",
      "activityBar.background": "#FFD700",
      "activityBar.foreground": "#000000"
  }
}

参考サイト

COMMENT

メールアドレスが公開されることはありません。