14
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCodeで全角スペースなどのに黄色い枠(オレンジの枠?)が付いてしまうのを消すための設定方法

Last updated at Posted at 2022-03-30

名称未設定-1.png
全角スペースや全角の記号などで、それを目立たせるためにオレンジの枠で囲まれた表示になっていました。

日本語でメモしたりするときには邪魔になってしまうので、消す設定をしました。

このオレンジの枠は、新しく追加された設定「Unicodeハイライト表示」がデフォルトでオンになっているために表示されている、とのことです。

当記事内の引用部分は以下の記事から引用させていただきました
VS Codeで全角スペースを表示または非表示に設定する方法

設定を変更する

VSCodeの設定を開く

左下の歯車アイコン>Settings
image.png

設定を「Unicode Highlight」で検索します。
image.png

全角スペースのハイライトを消すには

Editor > Unicode Highlight: Invisible Characters

スペースを予約するだけの文字または幅がまったくない文字を強調表示するかどうかを制御します。デフォルトでオンになっているので、表示したくない場合にはチェックボックスでチェックを外す。

「オフ」にします。
image.png
日本語表示の場合
image.png

記号のハイライトを消すには

Editor > Unicode Highlight: Ambiguous Characters

現在のユーザーロケールで一般的な文字を除き、基本的なASCII文字と混合される可能性のある文字を強調表示するかどうかを制御します。デフォルトでオンになっているので、表示したくない場合にはチェックボックスでチェックを外します。

「オフ」にします。
image.png
日本語表示の場合
image.png

設定が反映されないときは

もしかしたら「制限モード」になっているかもしれません。「信頼」してみてください。
image.png
image.png

image.png

14
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?