NO IMAGE

VisualStudioCodeでソースコードの半角スペースを表示する

VisualStudioCodeで半角スペースを表示するための設定を紹介。
「半角スペースを入れたつもりで全角スペースになっていた」「インデントのスペースを消してしまってインデントがずれた」といったような、小さいミスを減らすためにも、半角スペースの常時表示をおすすめします!

インストール記事はこちら

設定前後の比較

この設定をしておくことで、ソースコードの編集中にスペース文字の表示を行うことができます。

設定前
設定後(半角スペース1つに対して点が1つ)

設定方法

  1. 上部タブメニューから「ファイル」を選択
  2. 「ユーザ設定」を選択
  3. 「設定」を選択
  4. 設定項目から「Editor: Render Whitespace」を探す
  5. 設定値を「all」に変更(規定は「selection」となっている)

となります。
設定箇所が見つからない方は、検索してみてくださいね。

設定の開き方
検索ボックス(緑枠)と空白文字表示の設定箇所(赤枠)