未来エンジニア養成所Blog

月単価180万以上のプログラミング講師がプログラミングを皆に楽しんでもらうための情報をお届けします。

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
    }
}