未来エンジニア養成所Blog

プログラミングを皆に楽しんでもらうための情報をお届けします。

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


VSCode は設定でインデントのサイズを設定できます。これをファイルの種類ごとに個別に設定する方法です。

設定方法

  1. コマンドパレット(Ctrl + Shift + P)を開く。
  2. Preferences: Configure language specific settings を入力する。
  3. 設定したい言語を選択(入力)する。
  4. editor.tabSize プロパティでインデントのサイズを設定する。
    たとえば、Rubyのインデントは “2”、HTMLのインデントは “4” とするには次のように設定します。
{
    "[ruby]": {
        "editor.tabSize": 2
    },
    "[html]": {
        "editor.tabSize": 4
    }
}