2015年10月25日 星期日

Cordova 環境安裝 (OSX)

安裝Node.js

https://nodejs.org/en/

於terminal輸入 node -v 確認版本


於App Store 安裝XCode,安裝IOS開發環境


安裝JAVA SDK

https://support.apple.com/downloads/#java

於terminal輸入javac –version 確認版本


安裝Apache Ant

安裝 Homebrew

http://brew.sh/

terminal

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew install ant 透過brew安裝ant

於terminal輸入 ant –version確認版本


安裝Android SDK Tools

http://developer.android.com/intl/zh-tw/sdk/index.html#Other

進入bash_profile設定

cd
nano .bashrc

依照路徑指定platform-tools及tools位置

export PATH=/Users/username/android/sdk/platform-tools:/Users/username/android/sdk/tools:$PATH

輸入CTRL+O . CTRL+X 儲存

nano .bash_profile 確認export是否正確


terminal

adb version  確認版本

android 開啟 Android SDK Manager

安裝packges


測試Cordova

cordova create MyApp

cd MyApp

cordova platform add android (或ios)

cordova build android (或ios)

cordova run android (或ios)

 

Technorati 的標籤: ,,,

2015年10月24日 星期六

Cordova 環境安裝 (Windows)

如果你是.NET開發人員,慣於習慣使用Visual Studio開發,那2015版本已經將Cordova整合在裡面,安裝Apache Corodva Tools則可將Cordova所需的環境安裝完成,預設是不會安裝的,故在安裝VS的時候需額外勾選

Visual Studio 2015 Community下載

https://www.visualstudio.com/zh-tw/products/visual-studio-community-vs.aspx

9a2914a584874e0f86dc913ad6cd45d3

如果你不是.NET開發人員,在開發Cordova前,需先依序安裝以下環境:

安裝Node.js

https://nodejs.org/en/

安裝完後,可於命令提示字元輸入 node – -v 確認版本

0a4e04010d0e480fb39bece08f5ebff5


安裝git client

http://git-scm.com/

安裝完後,可於命令提示字元輸入 git –version 確認版本

a70aed640a684e46a408e2ec59023613


透過NPM安裝Cordova套件

NPM會於安裝Node.js一併安裝

npm install -g cordova

cordova -v 確認版本

24cccd560f8a49d1a4f90965b678f624


安裝 Java JDK

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

49a032edea164c118779ff79178c646e

設定環境變數PATH

設定JDK安裝路徑,加於分號之後
;C:\Program Files\Java\jdk1.8.0_65\bin

398d2319bbbe4daea0b0e1173e32cefa

新增環境變數JAVA_HOME

C:\Program Files\Java\jdk1.8.0_65

ced72524563c4ec6b5c418932f12392c

確認JAVA版本

javac –version

d572b3faef9c43009f8e789770e55943


安裝 Apache Ant

http://ant.apache.org/bindownload.cgi

Ant是Android的編譯程式,他為開發Andorid的必要環境

下載.zip檔,並解壓縮,此例為放置C:\ant的位置

設定PATH環境變數,一樣新增於分號後面

C:\ant\apache-ant-1.9.6\bin

f8cdcaa9359c42cbb5af017cb451b130

新增ANT_HOME環境變數

C:\ant\apache-ant-1.9.6

2c6efd116fb84cfd82f50646c8a57705

確認版本

cfdace1681a34766b9fa81afc3882cc0


安裝 Android SDK Tools

http://developer.android.com/intl/zh-tw/sdk/index.html#Other

設定Android Path環境變數

;[SDK Tools位置];[SDK platform-tools位置]

範例:

;C:\Program Files (x86)\Android\android-sdk\tools;C:\Program Files (x86)\Android\android-sdk\platform-tools

輸入 adb version 確認版本

30a2bc2d09b940dda01aa6a3678bcfa3

輸入android 後應會跳出SDK Manager,將建議安裝的Packges安裝完成

3b322800422842f6a561f72d13f13a00


測試Cordova

在命令提示字元依序輸入,確認是否能執行模擬器

cordova create MyApp

cd MyApp

cordova platform add android

cordova build

cordova run android

af06b1f08d8e4ed79d05801dff8fc184