v-crn Code Log

主に備忘録

VSCodeのインデント設定

f:id:v-crn:20190712152236p:plain

背景

VSCodeのインデントはデフォルトで半角スペース4つに設定されています。インデントはタブ派とスペース派で好みが分かれますし、プロジェクトによって変えたい場合もあり得ます。そこでこの記事ではVSCodeのインデント設定方法を紹介します。

手順

  1. Command + ,で設定画面を開く
  2. 使用中のワークスペース限定で設定する場合は検索欄下のタブから「Workspace」を選択
  3. 検索欄で「Editor: Tab Size」を検索し、タブのスペース数を設定
  4. 既存コードのインデントもこの設定に合わせたい場合は「Editor: Detect Indentation」のリンクをクリックし、チェックボックスをOFFにする
  5. ワークスペース限定でVSCodeの設定を変更するとワークスペースのルートディレクトリに.vscodeという隠しフォルダが作成されるので、このフォルダをgitの管理対象に含めたくない場合は.gitignoreに.vscodeを追記する

設定例

普段はインデントにタブを使用しているが、あるプロジェクトではスペース2つにしたい。
Workspace設定でEditor: Tab Sizeを2に、Editor: Detect IndentationをOFFに設定し、プロジェクトの.gitignoreに次のコードを追記する。

### VisualStudioCode ###
.vscode