[Cordova] 在 Mac 上安裝 Cordova 與建立第一個 HelloWorld 專案
阿新 • • 發佈:2018-12-27
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)"
安裝 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:
要部署的應用程式連線的 iOS 裝置上:
$ cordova run ios --device