Eclipse環境設定 | 無料ツールEclipseをWEB制作ツールとして設定する

＜講師記録2013.1.16＞
目的：Dreamweaver＋テストサーバー＋PHP環境構築と同じことを無料のツールで実現すること
＜手順1＞

• 検索結果からEcripse4.2JunoPHP32bitフルをダウンロード
• zipファイルを解凍、exeファイルを実行して展開するのに約35分
• ワークスペース：../xampp/htdocsになっているが、C\直下のxamppに変更する。

＜手順2＞

• AptanaプラグインをEclilpseに入れる
• Eclipseのヘルプ新規ソフトウェアのインストール
• 入力窓にAptanaのURL http://download.aptana.com/studio3/plugin/installをコピペ　
• 画面の次へ、同意するなどを押して手順完了

AptanaStudioのインストールについてはupquarkさんのサイトがわかりやすいです

＜手順3＞

• Eclipseのウインドウ-パースペクティブでWEBを選んでおく
• プロジェクト管理-新規-WEBプロジェクト-Cドライブ自分のフォルダ直下に適当なプロジェクト名でプロジェクト作る

＜手順4＞

• ウィンドウ-設定-AptanaStudio-テーマでフォントや背景変更できる
• ウインドウ-設定-WEB-htmlファイル-エディター-テンプレート-新規HTMLはhtml5のみチェックを残し、後のhtmlはチェックはずす

「ZEN-Coding」を使えるようになると・・・

これを使うと、DreamweaverやAptanaのhtmlテンプレートをカスタマイズできる！ので大変効率的。コードの入力を自動化できる！