atom に emmet を入れて、erb の独自設定をする

Emmet のインストール

Ctrl + , で設定画面を開き、「インストール」-> 「Emmet」と入力して「パッケージ」をクリック。あとはインストールすれば良い。

 

Emmet に独自記法を設定する

Ctrl + , で設定画面を開き、「設定ファイルを開く」をクリック:

f:id:matt-note:20181017104817p:plain

 

emmet の snippets.json は以下のような場所にある。 .atom ディレクトリから、どんどんディレクトリを下っていって、snippets.json を探すことになる:

f:id:matt-note:20181017104851p:plain

slim や scss の設定は、デフォルトで設定してあった。

これらを参考に、extends や snippets を設定する。

eq で <%= %> に展開すると書いておくと、入力が少し楽になる。

 

ついでに、lang や locale の設定も変更しておくと、! の展開時に <html lang="ja"> と表示されるようになるので、便利になる。

f:id:matt-note:20181017105224p:plain

 

参考

[Atom]emmetで独自のスニペットを設定する方法 | たねっぱ!