【VSCode解説】エディター画面でスペースを可視化する方法

こんにちは、現役エンジニアの inno_tech です。

VSCode (Visual Studio Code) で “スペース” を可視化 する方法をお探しでしょうか？

この記事をみれば、VSCode のコード編集画面で “スペース” を表示する方法がわかります。

問題 ｜VSCodeのデフォルト設定ではスペースは表示されない

VSCodeのデフォルト設定では、エディター画面でコードをドラッグして選択するとスペースを可視化できます。

しかしながらプログラムのコーディング中はスペースを常に表示するようにしたいという人も多いのではないでしょうか。実は設定を変更することで、常にスペースを表示することが可能です。

解決策 ｜VSCodeの設定を変更する

スペースの表示設定は、「Editor:Render Whitespace」で行います。早速手順を説明していきます。

まず、VSCodeの上部メニューから、 File > Preferences > Settings の順に進み、設定画面を開きます。

設定画面が開いたら、検索ボックスに「Editor:Render Whitespace」と入力します。この設定のセレクトボックスから「all」を選択すれば、設定完了です。

設定変更後は、常にスペースが表示された状態になります。

まとめ

最後に、紙の本[経済・ビジネス]部門で2022年年間ランキングで第1位になったベストセラー書籍がこちら。

参考になったでしょうか。
ほかにも役立つ情報が他のページにもあるかもしれません。
ご覧になるかはあなた次第です!