【VSCode】ファイルの種類ごとにタブのサイズを変更する。

VSCodeを使用していて、ファイルごとにタブのサイズを変更したいことがあると思います。

私の場合、デフォルトは４になっていますが、
フロント側のファイル(html,css,js等)を編集する際には2にしたいです

では、そのように設定していきましょう！

設定してみる

Ctrl ＋ Shift ＋ , （Mac：Command ＋ Shift ＋ , ）
もしくは F1 でコマンドパレットを開き、「基本設定」と検索
「基本設定：言語固有の設定を構成します」を選択する

　3. 言語を選択します

今回は javascript を選択してみました

　4. 言語の設定画面が開くので、tabsizeと検索(@lang:選択した言語 tabsize)して、
　　Editor:Tab Size に値を設定する

今回はJavascriptにタブサイズ２と設定しました

これで設定が完了しましたので、設定した言語のファイルを開いてタブのサイズを確認しましょう

下記の記事を参考にsettings.jsonを開いてください

こんな記述があると思います

  "[設定した言語]": {
    "editor.tabSize": タブのサイズ
  }

 // 今回のようにJavascriptをタブサイズ 2 で設定した場合
  "[javascript]": {
    "editor.tabSize": 2
  }

"[設定した言語]": {

"editor.tabSize": タブのサイズ

}

// 今回のようにJavascriptをタブサイズ 2 で設定した場合

"[javascript]": {

"editor.tabSize": 2

}