EmmetというのはHTMLやCSSを効率よくコーディングするためのプラグインで、SublimeText・Dreamweaver・Bracket・Atomなど様々なエディターやIDE(統合開発環境)で利用することができます。もともとはZen-Codingというものでしたが、その次期バージョンがEmmetです。 例えばh1と記述したものをEmmetで展開すると<h1></h1>とコードが生成されます。 VSCodeでEmmetを使う 今回はMicrosoftのVisual Studio CodeでのEmmetの使い方を説明します。 まだ使ったことない方はこちらから Visual Studio Codeへの乗り換え。これは結構オススメかも…! VSCodeは初期設定の状態でもEmmetが使えるようになっています。 インストールできたら、HTMLファイルを作成し、試しにhtml:5と記述をしてT
![【VSCodeでEmmet入門】 Emmetを使ってHTMLコーディングを効率化しよう。](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ab3d1ed8348299de7218bb7ca9f037096709ca0/height=288;version=1;width=512/https%3A%2F%2Ftechnical-creator.com%2Fwp-content%2Fuploads%2F2018%2F05%2Fvscode_emmet.png)