エプソンダイレクト株式会社
Home > 2018年2月12日(月曜日)

2018年2月12日(月曜日)

Atom を Emmet に対応させる

Category: フリーウェア(Win) | Posted By at 18:15:04

なお 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 エディタは機能追加を
パッケージのインストールから行います。

Atom を Emmet に対応させる

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

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

Atom を Emmet に対応させる

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

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム