Eclipseでのjavascript開発環境構築メモ

EclipsejQueryによるコーディングをするにあたっての、各種インストールメモ。

javascriptライブラリの補完ができるAptana

AptanaのCode Assist機能は各種有名ライブラリ(jQuery, prototype.jsなど)に対応している。
Plugging Aptana into an existing Eclipse configuration - Aptana
上記が手順。更新サイトに
http://update.aptana.com/install/studio
を追加して、インストールする。(かなりたくさんのコンポーネントが追加される。)

jQueryの補完を有効にする
  • Help > Install Aptana Features でInstall Additional Featuresダイアログを表示 > Ajax Libraries > jQuery Support を選択

さらに、Preferences > Aptana > Editors > Javascript > Code Assist から jQuery x.x にチェック
これで、htmlをAptanaエディタで開いた場合、jQueryの各種補完が有効になる。

Zen-Codingを有効にする

どうも Aptana で無いとすんなりとは動いてくれない様子。

調べていくと、Zen-Coding は、Aptana 自体の機能ではなく、Eclipse Monkey なる Eclipse プラグインの機能を用いて実現しているようだったので、普通の Eclipse でもちゃんと設定すれば動作するのではないかと踏んで、試してみました。
以下、普通の Eclipse で Zen-Coding を有効にする方法です。
Aptana 以外の Eclipse で Zen-Coding を有効にする方法 – OTCHY.NET

冒頭に書いたよう、AptanaEclipse)の場合にはすでに色々キーが設定されてしまっていることが多いので、設定画面から変更するようにしましょう。
設定変更は2つあります。
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ

HTMLのタブをスペースにする

Preferences > Aptana > Editorsの、Tab insertion を Use spacesに。