【VSCode】快適に使うための小技集その4 （サジェスト編）

こんにちは、さちです。

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

今回は、この VSCode で、「サジェスト（Emmet）」に関する小技について書いていきます。

デフォルト機能でできる事ばかりなので、はじめて知るものがあれば、ぜひ使ってみて下さい。

【まえおき】「settings.json」の編集方法

後ほど出てくる、VSCode の設定ファイル「settings.json」を開く方法については、こちらの記事を参考にして下さい。

「settings.json」を編集（記述）するときは、下記の例のように最初の { と最後の } の間に追記します。上書き保存も忘れずにしましょう。

{
  "editor.fontSize": 13,
}

「改行」をしたくて Enter キーを押しても、「サジェスト」が出ているときはサジェストが選択されてしまいます。

基本的に、サジェストの選択は Tab キーでするので、Enter キーでの選択は無効にします。

"editor.acceptSuggestionOnEnter": "off",

「設定」にある同じ名前の項目を変更することでも、同様の効果が得られます。

サジェストが表示されるとき、「スニペット」がトップに出てこなくて、スニペットを選択するのが面倒なことがあります。

該当する「スニペット」があるときは、サジェストの最初に表示させるようにします。

"editor.snippetSuggestions": "top",

「設定」にある同じ名前の項目を変更することでも、同様の効果が得られます。

使わないのに出てくる邪魔な「サジェスト」を非表示にしてスッキリさせましょう。

詳しい方法は、下記リンク先の記事で紹介しています。