Visual Studio Codeで言語ごとにインデント設定を行う方法

Visual Studio Codeで言語ごとにインデント設定を行う方法

Visual Studio Codeで言語ごとにインデント設定を行う方法

VSCode は設定でインデントのサイズを設定できます。これを言語ごとに個別に設定する方法があるみたいなのでメモ代わりに書いておきます。

https://code.visualstudio.com/docs/getstarted/settings#_language-specific-editor-settings

上記URLにある通り、ユーザー設定でインデントを言語別に設定できるようです。インデントだけでなくさまざまな設定を言語別に設定できるみたいです。

設定方法

  1. コマンドパレット(Ctrl + Shift + P)を開く。
  2. Preferences: Configure language specific settings を入力する。
  3. 設定したい言語を選択(入力)する。
  4. editor.tabSize プロパティでインデントのサイズを設定する。

たとえば、Javascriptのインデントは “2”、HTMLのインデントは “4” とするには次のように設定します。

{
    "[javascript]": {
        "editor.tabSize": 2
    },
    "[html]": {
        "editor.tabSize": 4
    }
}

以上です。

開発環境カテゴリの最新記事