【VSCode】「サジェスト」に「単位」を出さないようにする方法

ウェブ制作ノウハウ

2025.07.022025.07.24

この記事は約2分で読めます。

記事内に広告が含まれています

こんにちは、さちです。

普段、ウェブサイトを作るときは「Visual Studio Code（以下：VSCode）」を使っています。動作が軽く色々な機能も追加できるのに、無料で利用できる最強のコードエディターアプリです。

今回は、この VSCode で、「サジェスト（Emmet）」に出てくる「単位」を消す方法について書いていきます。

個人的には、文字数少ないから手入力した方が早いし、「単位」のサジェストは全然使わないんですよね……。

「settings.json」の設定から簡単にできるので、困っている人はぜひやってみて下さい。

単位の「サジェスト」が邪魔

CSS などで単位を入力するときに出てくる「サジェスト」。サジェストから選ぶ方が時間かかるし、使わない単位もあって逆に間違えそう……。正直、使い道がなく邪魔です。
また、修正しているときにサジェストが出てくると、「カーソル」を下に動かしたいのに「サジェスト」の選択が動きます。手動でサジェストを消す必要があり、煩わしいです。

VSCode の「settings.json」を開きます。開き方が分からない場合は、下記リンク先の記事を参考にして下さい。

VSCode：設定ファイル「settings.json」を直接開きたい
こんにちは、さちです。今回は、この VSCcode で、設定ファイル「settings.json」を直接開く方法について書いていきます。
at.sachi-web.com
2022.01.10
settings.json の { } 内に次のように追記して、上書き保存します。
```
"editor.suggest.showUnits": false,
```
これで、サジェストに「単位」が出なくなります。（「単位」以外のサジェストは出ます）