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
請問在執行第四步驟時,出現這樣的訊息…該怎麼處理呢?謝謝
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
您需要安裝 Xcode CommandLineTools, 在“Terminal” 程式裡執行指令:
xcode-select –install
圖文詳細教學:
https://courses.growthschool.com/courses/path-to-rails-developer/lectures/744354