Visual Studio Codeの半角スペースとタブを表示させる方法 #vscode

Visual Studio Codeは半角スペースやタブがデフォルトだと表示されないので、表示させる方法を調べてみた。

半角スペースやタブの表示内容の変更方法

Visual Studio Codeを起動させた状態で、左上の[Code]->[Preferences]->[User Settings]をクリックする。

すると、左カラムにDefault Settings、右カラムにsettings.jsonというファイルが開き、Default Settingsの64行目にeditor.renderWhitespaceと書かれている。

Change the settings.json

これを右カラムのsettings.jsonにコピペして、falseからtrueに変更する。

Change the settings.json

この状態で保存すれば、即座に半角スペースやタブが表示されるようになる。