Mac osx 安裝apache cordova教學

1. Mac OSX 安裝
Apache Cordova教學
屏東科技⼤大學電算中⼼心製作

2. ⼤大綱
Mac os 安裝套件管理⼯工具
安裝Node
安裝Android-SDK
安裝Ant build
利⽤用NPM安裝Cordova
Cordova建⽴立專案與編譯檔案

3. Mac os安裝套件管理⼯工具
Homebrew: 屬於新⼀一代 OSX 套件管理⼯工具
安裝之前要先下載安裝有 Xcode，你才能編譯東
⻄西。
安裝指令：ruby -e "$(curl -fsSL https://
raw.github.com/Homebrew/homebrew/go/install)"

4. 安裝Node
因為要安裝Cordova需要⽤用到NPM這套⼯工具，所以
需要利⽤用homebrew安裝Node.js
安裝指令：brew install node

5. 安裝Android-SDK
安裝指令：brew install android-sdk

6. 安裝Ant
安裝指令：brew install ant

7. 利⽤用NPM安裝Cordova
在之前有先安裝過Node，裡⾯面已經有內含了NPM
這個套件管理⼯工具，所以在此直接使⽤用NPM來安
裝Cordova
安裝指令：sudo npm install -g cordova

8. 利⽤用Cordova建⽴立專案
安裝完Cordova後，可以開始建⽴立專
案了
建⽴立專案指令：
cordova create
helloworld
npust.edu.tw
hello
建⽴立專案指令
專案資料夾名稱
專案package⺫⽬目錄
apk名稱

9. 新增⼿手機平台
建⽴立完專案後，就需要新增⼿手機平台，在使⽤用
編譯指令時才會編譯出App安裝檔
新增⼿手機平台指令：cordova platform add ⼿手
機平台名稱

10. 編譯專案
開發完專案後，再使⽤用編譯指令時才會編譯出
App安裝檔
編譯平台指令：cordova build

11. 參考資料
http://docs.phonegap.com/en/2.9.0/index.html
http://brew.sh/
http://shapeshed.com/setting-up-nodejs-and-
npm-on-mac-osx/
https://www.npmjs.org/package/cordova