Visual Studio Code - 拡張機能 - 編集 - 全角スペース表示




クラウディア　












1.　概要			


2.　状況			


3.　設定			



4.　参考サイト	




1.　概要


　タイトル通り、全角スペースを明示的に表示したいのです。
　この機能、拡張機能であったり、デフォルトの機能となったり、二転三転したので、ごちゃごちゃになってしまいました。
　なので、2026年4月10日、更新します。


2.　状況


　2020年1月21日頃は、デフォルトの機能にはなかったので、「zenkaku」という拡張機能をインストールすることで、対応しておりました。
　インストールするだけでは、不十分であったので、設定内容も記述しておりました。

　2021年12月14日、更新があったので、アップグレードすると、全角表示の色が変わったので、調べると。
　デフォルトで表示されるようになったようですが・・・。
　これも満足のいくようにするには、設定が必要です。


3.　設定


　デフォルトでは、こんな表示です。



「Visual Studio Code」-「全角スペース表示」「2021年12月14日」


　ちょっと色がねぇっていうのと、全角スペースだけでいいのに、！まで強調表示されております。
　これを変えるには「settings.json」に下記のような記述を追加します。



	"editor.unicodeHighlight.invisibleCharacters": true,
	"editor.unicodeHighlight.ambiguousCharacters": true,
	"editor.unicodeHighlight.allowedCharacters": { "！": true },
	"editor.unicodeHighlight.includeComments": true,

	"workbench.colorCustomizations":
	{
		"editorUnicodeHighlight.border": "#808080"
	},



　1、2行目が、判別しにくいユニコード文字を強調表示する機能を有効化しています。
　3行目は、判別しにくいとされたものの、これは強調表示から除外するものを定義しています。
　4行目は、コメント内の文字も強調表示するように設定しています。
　6～9行目は、強調表示する際の色を設定しています。


4.　参考サイト


　本ページは、「Gemini」伍長および下記のサイトを参考にさせていただきました。


「VSCode の全角スペースハイライトを特定のファイルで OFF にする」







audiobook.jp