Sublime Text

Sublime Text 3 で半角スペースとタブを可視化表示する

はじめに

実務にて、Sublime Text 3 で半角スペースとタブを見えるようにする設定がわからないので教えてほしいという質問があり、ニュータイプの人にしか見えませんと答えたかったけど、仕方がないのでオールドタイプにも見えるように解決した情報になります。

コードをコピペ（コピー＆ペースト）するだけで簡単に設定ができます。

検証環境

解説

1. Sublime Text を起動します。

2. アプリケーションメニュー の「Sublime Text」をクリックします。

3. 「Preferences」の「Settings」をクリックします。

4. 赤枠の「Packages/User/Preferences.sublime-settings」に注目します。

5. Preferences.sublime-settings の波括弧内に「”draw_white_space”: “all”,」を書き加えて上書き保存します。

// Settings in here override those in "Default/Preferences.sublime-settings",
// and are overridden in turn by syntax-specific settings.
{
  "draw_white_space": "all",
}

6. 半角スペースとタブが可視化されていることを確認します。

以上です。

おわりに

draw_white_space の設定には下記の 3 種類があります。

  • none : 非可視化表示
  • selection : 選択範囲のみ可視化表示
  • all : 可視化表示

基本的には、インデントの半角スペースとタブの混在を確認できるように可視化表示させる方が良いでしょう。