【ハイブリッドアプリ】MacでCordovaでの開発環境を整える③ -iOS版-
<MacでCordovaでの開発環境を整える③ -iOS版->
・node.jsとnpmのインストール
・Cordovaのインストール
・サンプルプロジェクトの作成
・プラットフォームの追加(iOSのみ)
・iOSシュミレーターの準備
・ビルド
・iOSシュミレーターの起動
node.jsとnpmのインストール
$ node -v
v5.6.0
$ npm -v
3.6.0
Cordovaのインストール
$ sudo npm install cordova -g
npm WARN deprecated npmconf@2.1.2: this package has been reintegrated into npm and is now out of date with respect to npm
/usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova
/usr/local/lib
└── cordova@6.0.0
$ cordova -v
6.0.0
サンプルプロジェクトの作成
サンプルプロジェクトのディレクトリへ移動
$ cd testCordova
プラトフォームの追加
androidについてはSDKにpathを通す必要があり、ちょっと面倒なので後回し。まずはiOSを。
iOSプラットフォームの追加
$ cordova platforms add ios
Adding ios project...
iOS project created with cordova-ios@4.0.1
Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project
Fetching plugin "cordova-plugin-whitelist@1" via npm
Installing "cordova-plugin-whitelist" for ios
iOSシュミレーターの準備
$ sudo npm install -g ios-sim
/usr/local/bin/ios-sim -> /usr/local/lib/node_modules/ios-sim/bin/ios-sim
/usr/local/lib
└─┬ ios-sim@5.0.6
├── bplist-parser@0.0.6
├─┬ nopt@1.0.9
│ └── abbrev@1.0.7
└─┬ simctl@0.0.8
├── shelljs@0.2.6
└── tail@0.4.0
ビルド
$ cordova build ios
** BUILD SUCCEEDED **
iOSシュミレーターの起動
$ cordova emulate ios
** BUILD SUCCEEDED **こちらも成功すれば、上記のように表示される。またiOSシュミレーター画面も起動する。こんな感じ