Visual Studio Code(windows10)をアップデートしたら Emmetが使えなくなった。

  • by
vscode

windows10 が調子悪くなったのでクリーンインストールしてからVScode再インストール、最初Emmetは普通に使えていたが急にうごかなくなったのでその対処。

参考url:
Visual Studio Code official | Emmet in Visual Studio Code
vscodeでEmmetがTab(ショートカットキー)で動かない人へ | Qiita  @bushi

Emmetが使えるように再設定

VScode 公式サイトでは、Emmet2.0 からは初期段階でEmmetは動かない設定になっているようなので設定で変更していきます。

  1. 画面左下の「歯車アイコン」 から「設定」か、ショートカット Ctrl+, でコマンドパレットを開く
  2. 上部 設定の検索窓で Trigger Expansion On Tab を入力
  3. Emmet: Trigger Expansion On Tab メニューの下 「有効にすると、TABを押したときにEmmet省略記法が展開されます」にチェックを入れる。
vscode Emmet 設定画面

以上でVScode Emmetは動くようになりました。これで動かない場合 TABショートカットキーがコマンドとかぶって可能性もあるようですが自分は試していないのでそれで解決できるかどうかはわかりません。