サイトアイコン パソコンサポートの00H ~社長BLOG~

Atom を Emmet に対応させる

なお Emmet とは HTML や CSS を
少ない手数で入力することができるものです。
例えば

div>ul#news>li.list*3

と入力し、その行末で Ctrl + E を押すと

<div>
<ul id="news">
<li class="list"></li>
<li class="list"></li>
<li class="list"></li>
</ul>
</div>

と変換されます。
慣れてくるとすばやく入力できるかもしれません。

Atom エディタは機能追加を
パッケージのインストールから行います。

やはり設定画面から行うので
ファイル → 環境設定(または Ctrl + , )から
インストールをクリックします。

検索ボックスに Emmet と入力し、
パッケージをクリックすると、
検索結果が表示されます。

この emmet をインストールすることで
Atom エディタで Emmet を使うことができるようになります。

モバイルバージョンを終了