Emmet for Coda

2016.06.01

エディタ

今まで無理やり使っていたEmmetのCoda用プラグイン「Emmet for Coda」がやっとリリースされました。

最新のOS Xと Coda 2.5 に対応した Emmet プラグインがリリース！とのことです。https://t.co/vb97kS229p 作者様に感謝！（の https://t.co/W1j0WZCSQB
— パニック・ジャパン(株) (@PanicJapan) 2016年6月1日

Emmet is back on @panic Coda!https://t.co/OCUAaFdBXf
— Emmet.io (@emmetio) 2016年5月20日

新バージョンになって若干仕様が変わっています。

有料ライセンス

今までのように全機能を使うには有料ライセンスを購入する必要があります。価格は2016年6月現在 $6.99 です。ずっと使っているので有料ライセンスを購入しました。

snippets.jsonの追加、編集

今までは /Users/[user_name]/Library/Application Support/Coda 2 /Users/takanashi66/Library/Application Support/Coda 2/Plug-ins/ にあるEmmet.codapluginの中身を開いてsnippets.jsonを直接編集していましたが、今回からは~/emmet (場所は任意)にsnippets.jsonを作って、上書きするという形になりました。 Emmetのプラグインを何もカスタマイズしないと、!を展開しても


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;

  &lt;/body&gt;
&lt;/html&gt;

と、<html lang="en">になってしまいます。なので~/emmet(場所は任意)にsnippets.jsonを作ってEmmetの変数を上書きします。

{
  &quot;variables&quot;: {
    &quot;lang&quot;: &quot;ja&quot;,
    &quot;locale&quot;: &quot;ja-JP&quot;
   }
}

保存してCodaを再起動すると


&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ja&quot;&gt;
  &lt;head&gt;
    &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;

  &lt;/body&gt;
&lt;/html&gt;

<html lang="ja">になっています。ちなみに、初期設定では上書きするsnippets.jsonを置くディレクトリは~/emmetになっていますが、メニューのEmmet → Preferences...からディレクトリを変更できます。 Emmet Preferences menu

自分はDropboxに置いて、MacBookと設定を共有しています。

トップへ戻る