💻
【VSCode】ファイルの種類ごとにタブのサイズを変更する。
VSCode を使用していて、ファイルごとにタブのサイズを変更したいことがあると思います。
私の場合、デフォルトは４になっていますが、 フロント側のファイル(html,css,js 等)を編集する際には 2にしたいです
では、そのように設定していきましょう！
設定してみる
- Ctrl ＋ Shift ＋ , （Mac：Command ＋ Shift ＋ , ） もしくは F1 でコマンドパレットを開き、「基本設定」と検索
- 「基本設定：言語固有の設定を構成します」を選択する
- 言語を選択します
今回は javascriptを選択してみました
4. 言語の設定画面が開くので、tabsize と検索**(@lang:選択した言語 tabsize)**して、 **Editor:Tab Size**に値を設定する
今回はJavascript にタブサイズ２と設定しました
これで設定が完了しましたので、設定した言語のファイルを開いてタブのサイズを確認しましょう
settings.json を確認しよう
下記の記事を参考にsettings.json を開いてください
こんな記述があると思います
settings.json
"[設定した言語]": {
"editor.tabSize": タブのサイズ
}
// 今回のようにJavascriptをタブサイズ 2 で設定した場合
"[javascript]": {
"editor.tabSize": 2
}
参考文献
Discussion