share facebook facebook twitter menu hatena pocket slack

2019.09.30 MON

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

工藤 響己

WRITTEN BY 工藤 響己

事象

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

対応

Code => 基本設定 => キーボード ショートカットとクリックし、キーボード ショートカットを開きます。

すると、ショートカットキー / キーバインド一覧が表示されます。そうしたら…

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

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

元記事はこちら

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

cloudpack

cloudpackは、Amazon EC2やAmazon S3をはじめとするAWSの各種プロダクトを利用する際の、導入・設計から運用保守を含んだフルマネージドのサービスを提供し、バックアップや24時間365日の監視/障害対応、技術的な問い合わせに対するサポートなどを行っております。
AWS上のインフラ構築およびAWSを活用したシステム開発など、案件のご相談はcloudpack.jpよりご連絡ください。