[Cordova] 在 Mac 上安裝 Cordova 與建立第一個 HelloWorld 專案

Posted in :

1. 先準備好 Android build 環境,直接安裝 Android Studio + Xcode.

 

2. 在 Mac 上可以加到 ~/.bash_profile 裡面,例如:

export PATH=~/Library/Android/sdk/platform-tools:~/Library/Android/sdk/tools:/usr/local/bin:${PATH}

上面指令加好之後,需要先把 Terminal 關掉再開啟,才能套用到 path 參數。

套用到 path 參數後,可以下指令 adb 看看能不能「直接」執行到 path 上的指令。

 

3. 安裝 Node.js

先安裝 homebrew,指令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

詳全文:https://brew.sh/index_zh-tw.html

 

安裝 Node:

brew install node

安裝 ant

brew install ant

 

4. 用 npm 安裝 ios-sim 和 ios-deploy 兩個套件,

npm install -g ios-sim
npm install -g ios-deploy

 

5. 用 npm 來安裝 Cordova:

sudo npm install -g cordova

附註:如果直接使用 npm 沒有 sudo 不會出錯的話,代表目前帳號的存取權限夠大,不夠大時請加 sudo 來執行 npm.

 

6. 建立一個 Hello World 專案:

cordova create hello com.example.hello HelloWorld

 

7. 進入 hello 目錄下

cd hello

 

8. 加入了 ios 和 android平台:

cordova platform add ios
cordova platform add android

要移掉一個平台:

cordova platform remove ios

 

9. 分別把 Android 和 iOS 的模擬器跑起來:

cordova emulate android
cordova emulate ios

 

要知道安裝了那些外掛:

cordova plugin list

要移除外掛, you can simply do:

cordova plugin remove <PLUGIN_NAME>

For example:

cordova plugin remove org.apache.cordova.media

要新增外掛:

cordova plugin add airwatch-sdk-plugin

 

要部署到 iOS:

https://cordova.apache.org/docs/zh-cn/latest/guide/platforms/ios/index.html

要部署的應用程式連接的 iOS 設備上:

    $ cordova run ios --device

 

2 thoughts on “[Cordova] 在 Mac 上安裝 Cordova 與建立第一個 HelloWorld 專案

  1. 請問在執行第四步驟時,出現這樣的訊息…該怎麼處理呢?謝謝
    npm ERR! A complete log of this run can be found in:
    npm ERR! /Users/joy/.npm/_logs/2018-05-08T10_35_31_817Z-debug.log
    MacBook-Pro-Retina:~ joy$ su
    Password:
    sh-3.2# npm install -g ios-deploy

    > [email protected] preinstall /usr/local/lib/node_modules/ios-deploy
    > ./src/scripts/check_reqs.js && xcodebuild

    stderr: xcode-select: error: tool ‘xcodebuild’ requires Xcode, but active developer directory ‘/Library/Developer/CommandLineTools’ is a command line tools instance

    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! [email protected] preinstall: `./src/scripts/check_reqs.js && xcodebuild`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the [email protected] preinstall script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:
    npm ERR! /var/root/.npm/_logs/2018-05-08T10_35_42_716Z-debug.log

發佈回覆給「max-stackoverflow」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *