bracketsでemmetをインストールしたのにコードが展開されないときにチェックすること

bracketsでemmetをインストールしたのにコードが展開されないときadobeが出している、Web制作に特化したテキストエディタ「brackets」の拡張機能で、HTMLやCSSのコードを簡単に書くことができるemmet(旧Zen-Cording)をインストール後、新規ファイルでソースコードを展開しようとしても、思ったように展開しない場合があります。

展開しない例

aタグの場合

ところが、このようになるときがあります。

HTML5の場合

ところがこのようになるときがあります。

対処方法

そんなときは、bracketsの画面右下を確認します。

bracketsの画面右下を確認

ここが「HTML」以外になっていると、HTMLのコードとして展開してくれません。

ここが「TEXT」などになっている場合はプルダウンで「HTML」に変更しましょう。

プルダウンで「HTML」に変更

もしプルダウンで変更できない場合は、いったんHTMLファイルとして保存すれば大丈夫です。