Eclipseでのjavascript開発環境構築メモ
EclipseでjQueryによるコーディングをするにあたっての、各種インストールメモ。
javascriptライブラリの補完ができるAptana
AptanaのCode Assist機能は各種有名ライブラリ(jQuery, prototype.jsなど)に対応している。
Plugging Aptana into an existing Eclipse configuration - Aptana
上記が手順。更新サイトに
http://update.aptana.com/install/studio
を追加して、インストールする。(かなりたくさんのコンポーネントが追加される。)
Zen-Codingを有効にする
どうも Aptana で無いとすんなりとは動いてくれない様子。
調べていくと、Zen-Coding は、Aptana 自体の機能ではなく、Eclipse Monkey なる Eclipse プラグインの機能を用いて実現しているようだったので、普通の Eclipse でもちゃんと設定すれば動作するのではないかと踏んで、試してみました。
以下、普通の Eclipse で Zen-Coding を有効にする方法です。
Aptana 以外の Eclipse で Zen-Coding を有効にする方法 – OTCHY.NET
冒頭に書いたよう、Aptana(Eclipse)の場合にはすでに色々キーが設定されてしまっていることが多いので、設定画面から変更するようにしましょう。
設定変更は2つあります。
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ
HTMLのタブをスペースにする
Preferences > Aptana > Editorsの、Tab insertion を Use spacesに。