Mac osx 安裝apache cordova教學

11
Mac OSX 安裝 Apache Cordova 教學 屏東科技學電算中製作

description

Mac osx 安裝apache cordova教學

Transcript of Mac osx 安裝apache cordova教學

Page 1: Mac osx 安裝apache cordova教學

Mac OSX 安裝Apache Cordova教學

屏東科技⼤大學電算中⼼心製作

Page 2: Mac osx 安裝apache cordova教學

⼤大綱Mac os 安裝套件管理⼯工具

安裝Node

安裝Android-SDK

安裝Ant build

利⽤用NPM安裝Cordova

Cordova建⽴立專案與編譯檔案

Page 3: Mac osx 安裝apache cordova教學

Mac os安裝套件管理⼯工具Homebrew: 屬於新⼀一代 OSX 套件管理⼯工具

安裝之前要先下載安裝有 Xcode,你才能編譯東⻄西。

安裝指令:ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

Page 4: Mac osx 安裝apache cordova教學

安裝Node

因為要安裝Cordova需要⽤用到NPM這套⼯工具,所以需要利⽤用homebrew安裝Node.js

安裝指令:brew install node

Page 5: Mac osx 安裝apache cordova教學

安裝Android-SDK

安裝指令:brew install android-sdk

Page 6: Mac osx 安裝apache cordova教學

安裝Ant

安裝指令:brew install ant

Page 7: Mac osx 安裝apache cordova教學

利⽤用NPM安裝Cordova

在之前有先安裝過Node,裡⾯面已經有內含了NPM這個套件管理⼯工具,所以在此直接使⽤用NPM來安裝Cordova

安裝指令:sudo npm install -g cordova

Page 8: Mac osx 安裝apache cordova教學

利⽤用Cordova建⽴立專案安裝完Cordova後,可以開始建⽴立專案了

建⽴立專案指令:cordova create helloworld npust.edu.tw hello

建⽴立專案指令

專案資料夾名稱

專案package⺫⽬目錄

apk名稱

Page 9: Mac osx 安裝apache cordova教學

新增⼿手機平台建⽴立完專案後,就需要新增⼿手機平台,在使⽤用編譯指令時才會編譯出App安裝檔

新增⼿手機平台指令:cordova platform add ⼿手機平台名稱

Page 10: Mac osx 安裝apache cordova教學

編譯專案

開發完專案後,再使⽤用編譯指令時才會編譯出App安裝檔

編譯平台指令:cordova build

Page 11: Mac osx 安裝apache cordova教學

參考資料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