16
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

VSCodeのemmetがtabでコード展開しない

Last updated at Posted at 2019-09-14

事象

VSCodeを使ってHTML+CSSコーディングをしていたら、ある日突然emmetの略語を打ち込んでtabキーをターン!と押してもHTML要素やCSSプロパティ展開をしてくれず、その代わりにサジェストワードばかり表示されるという謎の事象が発生。どうもアプデの際に設定が変わってしまった模様。
まさに何もしてないのに壊れました状態。ダブルクリックすればいけるときもあるけど…とにかく仕事が捗らない。困った。

対応

Code => 基本設定 => キーボード ショートカット とクリックし、キーボード ショートカットを開きます。
スクリーンショット 2019-09-14 17.32.35.png
すると、ショートカットキー / キーバインド一覧が表示されます。そうしたら…

  1. 検索窓にtabと打ち込んで、tabが割り当てられている機能を探します。
  2. tabがemmetだけに割り当てられていることを確認します。
  3. もしinsertNextSuggestionacceptSelectedSuggestionなどの項目にもtabが割り当てられているようなら、これをShift+tabcommand+tabに手動で置き換えてやります。
Item-0_と_Item-0_と_Item-0_と_Item-0_と_Item-0_と_AppleBluetoothExtra_と_AppleVPNExtra_と_AirPortExtra_と_DisplaysExtra_と_AppleVolumeExtra_と_BatteryExtra_と_AppleTextInputExtra_と_AppleClockExtra_と_Item-0-2.png

これでOK!
また再びemmetで快適にコーディングできるようになりました〜。誰かの助けになれば幸いです。

16
9
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
16
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?