スポンサーリンク

Coda2にEmmetをインストール

これまでCodaでZen-Codingプラグイン(TEA for Coda)1を利用していましたが、後継であるEmmet2のCoda用プラグインがあることを知り、インストールすることにしました。最近は、SublimeTextやPHPStormばかり使っていたので、Codaを触りのは久しぶりです。

インストール方法

  1. Zen-Codingの削除

    実際に同時に使ったわけではありませんが、Emmetとコンフリクトするので、Zen-Coding(TEA for Coda.codaplugin)を削除します。

    ~/Library/Application Support/Coda 2/Plug-ins/TEA for Coda.codaplugin

    必要であれば別の場所に移動させ、不要であればゴミ箱に捨てます。

  2. プラグインの準備

    https://github.com/emmetio/Emmet.codaplugin

    ここから、Emmet.codaplugin-master.zipをダウンロードし、ダブルクリックするとEmmet.codaplugin-masterフォルダが展開されます。

    ここで毎回忘れるのですが、展開されたフォルダの中身を見てもプラグインファイルは入っていません。フォルダ自体がバンドル3ですので、フォルダ名をEmmet.codapluginにします。

  3. Codaへのインストール

    フォルダ名を変更するとアイコンがCodaプラグインのアイコンに変更されます。ダブルクリックするか、~/Library/Application Support/Coda 2/Plug-ins/に移動させて再起動すれば、利用可能となります。

おわりに

Coda、PHPStorm、SublimeTextを使っていますが、日本語を多用するならCodaがいいと思います。この中では、Codaがわりと日本語への対応がまともな気がします。日本語を打たずにガシガシとコーディング、コメントも英語で大丈夫な人は、カスタマイズしやすくて軽いSublimeTextがいいかもしれません。


  1. http://code.google.com/p/zen-coding/

  2. http://emmet.io/

  3. http://support.apple.com/kb/TA25630?viewlocale=ja_JP