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

Mac osx 安裝apache cordova教學

Dec 18, 2014

Download

Education

Duncan Chen

Mac osx 安裝apache cordova教學
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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