Mac Cordova環境構築

Mac OSでCordova環境を構築したので、以下に記録を残す。

node.jsのインストール

Cordovaのコマンドラインはnode.jsで動作し、npmで利用できる。

まずは、node.jsのバージョン管理を行ってくれる nodebrew をインストールします。
nodebrewのインストールは以下のサイトに説明が記載されているので、指示にしたがってインストールする。
nodebrew

curlコマンドを使用てダウンロード＆インストール

$ curl -L git.io/nodebrew | perl - setup

パスを.bashrcまたは.zshrcに設定する

自分の環境では.zshrcに設定する

$ export PATH=$HOME/.nodebrew/current/bin:$PATH >> .zshrc

設定したパスを読み込む

$ source ~/.bashrc

以下のコマンドを使用して、インストールされたことを確認する。

$ nodebrew help

ヘルプが表示されたらインストール完了。次はnode.jsをインストールする。

特に不都合がなければ最新版の安定バージョンをインストールする。

$ nodebrew install-binary stable

node.jsがインストールされたことと、バージョンを確認する。

$ nodebrew ls
v8.3.0

私が環境構築した時の最新バージョンはv8.3.0

この状態だとnode.jsは使用できないので、nodebrewに使用するnode.jsのバージョンを設定する。

$ nodebrew use v8.3.0
use v8.3.0

$ nodebrew ls
v8.3.0

current: v8.3.0

node.jsのインストールが完了したので、本命のCordovaのインストールを行う。
念のため公式サイトのインストール手順をチェックすること。
Apache Cordova

npmコマンドを使用してCordovaをインストール

$ npm install -g cordova

インストールできたことを確認する。

$ cordova -v
7.0.1

私が環境構築した時の最新バージョンはv7.0.1

サンプルプロジェクトを作成し、動作確認を行う。

$ cordova create MyApp
Creating a new cordova project.
$ cd MyApp
$ cordova platform add browser
$ cordova run browser

実行結果

前提条件としてXCodeをインストールすること。まだインストールしていない場合はApp Storeでダウンロードすること。

Xcodeのインストールが完了したら、Xcodeのコマンドラインツールをインストールする。インストールは以下のコマンドを使用する。

$ xcode-select --install

ライセンス合意を行う必要がある。以下コマンド実行後、agreeを入力すれば完了。

$ sudo xcodebuild -license

プロジェクトにiOSプラットフォームを追加。

$ cordova platform add ios

iOS用にビルド＆実行

$ cordova run ios

実行結果