PhoneGap+Cordova+SenchaTouch-01-環境搭建

標籤：

轉http://my.oschina.net/zhongwenhao/blog/369465

 

環境搭建基於 windows  ，mac系統可以借鑒

 

1、安裝NodeJS 和ruby

http://nodejs.org/  

我下載的是 node-v0.10.35-x64.msi

https://www.ruby-lang.org/en/

安裝 1.9.3版本的，2.0版本的據說有問題，不知道bug 有沒有修複，反正我也沒試！

安裝ruby時要勾選將添加到path ,如果沒有勾選，手動將安裝根目錄添加到path 中

參考：

C:\Ruby193\bin

2、安裝PhoneGap

http://phonegap.com/install/

開啟命令列，輸入命令：

npm install -g phonegap

3、安裝Cordova

http://cordova.apache.org/

sudo npm install -g cordova

4、安裝 ant

http://ant.apache.org/

參考配置：

ANT_HOME    C:/ apache-ant-1.8.1path             C:/ apache-ant-1.8.1/binclasspath      C:/apache-ant-1.8.1/lib

5、安裝 JDK

http://www.oracle.com/technetwork/java/javase/downloads/index.html

JDK　安裝請參考：

http://my.oschina.net/zhongwenhao/blog/303821

6、安裝 sencha cmd

http://www.sencha.com/products/sencha-cmd/

安裝目錄不能有中文，空格

安裝完畢後將安裝根目錄添加到 path 

參考

C:\Sencha_cmd2\Sencha\Cmd\5.1.0.26

7、本文以搭建android環境為例  安裝sdk

http://developer.android.com/sdk/index.html

我下載的是 android studio 開發工具（便於日後開發），安裝過程會提示你安裝sdk ,你也可以在頁面中，找到只下載sdk 的連結；

我的sdk 安裝路徑為：

D:\androidstudio\sdk

安裝完畢後，將以下三個路徑添加到path 中

D:\androidstudio\sdk\platform-tools;D:\androidstudio\sdk\tools;D:\androidstudio\sdk\platforms

8、驗證下是否安裝正確：

驗證nodejs,  ruby ,phonegap cordova ,ant,jdk ,sencha cmd

sdk 安裝的驗證：

 

安裝完畢，可以開始開發了，小夥伴們！   ps: 媽比的，貌似安裝的有的多，但是沒有辦法啊

下載  sencha touch 開發包

http://www.sencha.com/products/touch/

我下載的是：touch-2.4.1版本滴，我放在D 盤下，jxgl 是項目名稱，後面跟著的是項目產生後存放的路徑！

產生項目：

為產生的項目添加phonegap 支援，如果想使用cordova 直接將phonegap 換成cordova即可！

命令執行成功的話，會在項目根目錄添加 phonegap 目錄，這樣你就可以使用sencha touch 和phonegap啦！

我用的是tomcat 伺服器，剛在產生sencha 項目時也可以看到，我將產生的項目放在tomcat 的webapps目錄下，啟動tomcat伺服器後，用瀏覽器直接存取產生的項目：http://localhost:8080/jxgl/

 

這樣，環境就搭建完成了

如果你英文還可以請參考官方文檔：

http://docs.sencha.com/cmd/5.x/cordova_phonegap.html

PhoneGap+Cordova+SenchaTouch-01-環境搭建