IntelliJ IDEA CEでHaxe Flash(OpenFL)の開発環境を作る


IntelliJ IDEAがver.13にバージョンアップしたので、オープンソース版のCommunity Editionで簡単にHaxeの開発環境を構築することができるようになりました。

* このエントリは[Setting Up Haxe/OpenFL Project in IntelliJ IDEA](http://haxe3.blogspot.jp/2013/09/setting-up-haxeopenfl-project-in.html)を参考に、haxe自身のインストール方法などを補足して作成しました。
* (update: 14-06-27) Haxeのインストール手順を更新しました。
* (update: 14-07-12) OpenFLのプロジェクト作成手順を`lime`を使った方法に更新しました。


1. Haxeとopenflのインストール
====

haxe.orgから自分の環境に合ったHaxeのコンパイラをダウンロードしてインストールします。
http://haxe.org/download

`haxe`コンパイラと一緒に`haxelib`というコマンドが使えるようになりますので、それを使って`openfl`をインストールします。


```
haxelib install lime
haxelib run lime setup
lime install openfl
```

詳しくは下記を参照

* https://github.com/openfl/openfl/wiki/1.1.-Install-Haxe
* https://github.com/openfl/openfl/wiki/1.2.-Install-Lime
* https://github.com/openfl/openfl/wiki/1.3.-Install-OpenFL


2. IntelliJ IDEA CEのインストール
====

Ultimate Editionは有償ですが、Community Editionはオープンソースで開発されており、無償で使用することができます。

JetBrains社のサイトからダウンロードしてインストールします。
http://www.jetbrains.com/idea/download/index.html

起動画面のQuick Startから`Configure`そして続けて`Plugins`をクリック
![起動画面](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_1.png)

`Browse repositories…` をクリックして
![Plugins](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_2.png)

出てきたプラグイン一覧から、検索窓に `haxe` と入力して検索
![haxe plugin](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_3.png)

見つかった`Haxe Support`プラグインをダブルクリックまたは右クリックでインストール。

`Plugins`の画面で`OK`ボタンを押すと、IDEAを再起動するかどうか聞いてくるので、`Restart`ボタンを押して再起動する。

3. Haxeプロジェクトの作成
====

再起動したIDEAで、`Create New Project`を選ぶ。

プロジェクト作成画面でプロジェクトの種類から`Haxe`を選び、プロジェクト名を入力。プロジェクトの保存場所はお好みで。

Project SDKの右側の`New…`ボタンを押し、Haxeコンパイラのインストールされているフォルダ（Macの場合は`/usr/lib/haxe`）を指定して`Chose`ボタンを押す。

`next`ボタンを押して次の画面でProject SDKをもう一度聞かれるが適当に設定して`Finish`ボタンを押して完了する。

![プロジェクト作成](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_4.png)

IDEAの通常のプロジェクト画面が開いたところで、いったん終了する。
![いったん終了](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_5.png)

コマンドラインからopenflのプロジェクトを作り、内容をIDEAのプロジェクトに移動する。

```
lime create openfl:project QiitaSample
mv QiitaSample/* ~/IdeaProjects/QiitaSample
```

4. プロジェクトとコンパイラの設定
====

IDEAを再度開いて設定を再開する。

IDEAを起動して、プロジェクトツリーからプロジェクト名を右クリックして`Open Module Settings`を選択。

![](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_6.png)

`Sources`タブから、openflが生成した`Source`ディレクトリをソースコードのディレクトリとしてマークする。

* `Source`のフォルダアイコンを選択状態にして`Mark as: Sources`をクリック。

![Sourcesタブ](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_7.png)

`Haxe`タブで`Compile with:`から`OpenFL`を選択して`OK`ボタンを押してウィンドウを閉じる。

![Haxeタブ](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_8.png)

最後にコンパイル&ランの設定。
ウィンドウ右上の三角形▼をクリックして`Edit Configurations...`のメニューを選択する。

![Run Config](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_9.png)

`Run/Debug Configurations`のウィンドウで、左上の`+`ボタンを押し、ポップアップする`Add New Configuration`で`Haxe Application`を選択する。

![Run/Debug](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_10.png)
![Add New](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_11.png)

開いたウィンドウで、`Name:`の欄に`Main`と入力し、`Module:`で今回作成したプロジェクトを選択して`OK`ボタンを押して閉じる。

![Main](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_12.png)

右上の`Run`ボタンが設定されたので、これを押すことでOpenFLコンパイラが動作すれば設定完了です。

![](https://dl.dropboxusercontent.com/u/335575/intellijIDEA13CE_13.png)