Mac配置Phone Gap 3.x開発環境


会社は最近Phone Gapプロジェクトをして資料を整理して、忘れないようにしました.
Phone Gap 3.0以前のバージョンはすべて公式サイトでダウンロードできます.3.0以降のバージョンはNodeJsを使ってインストールします.光はこの点で2時間も繰り返します.皆さんの回り道を避けるために.
Phone Gapはすでに3.5バージョンを発売しています.各種プラグインを集めています.水を試したい友達はできるだけ早く手術してください.
本機のシステムはOS X 10.9.2 Xcode 5.1です.
一、NodeJSをインストールする
NodeJSサイトからpkgインストールパッケージをダウンロードしてダブルインストールします.
二、Phone Gapの設置
このステップは比較的簡単です.npmでインストールします.
$ sudo npm install -g phonegap
三、Phone Gapプロジェクトの創建
$ phonegap create my-app --name myApp --id com.example.myApp $ cd my-app
my-appディレクトリにmerges/ platforms/ plugins/ www/の4つのサブディレクトリが表示されます.wwwディレクトリに格納されているのはHTML/JS/CSSであり、resサブディレクトリである.resは、複数のプラットフォームのアイコンと起動画面をディレクトリに格納する.platformsディレクトリは現在空いています.複数のプラットフォームを建設するプロジェクトはこのディレクトリに該当するプロジェクトディレクトリを追加します.pluginsディレクトリは空です.プラグインを追加するとこのディレクトリにダウンロードされます.
四、for iOSを作成するプロジェクト
$ phonegap build ios
五、Xcodeでコンパイルしてインストールパッケージを作ります.platforms/ios/に入り、XcodeでmyApp.xcodeprojを開けてコンパイルしてインストールします.