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

環境搭建基於 windows  ，mac系統能夠借鑑

一、安裝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

二、安裝PhoneGap

http://phonegap.com/install/

打開命令行，輸入命令：

npm install -g phonegap

三、安裝Cordova

http://cordova.apache.org/

sudo npm install -g cordova

四、安裝 ant

http://ant.apache.org/

參考配置：

ANT_HOME C:/ apache-ant-1.8.1 path C:/ apache-ant-1.8.1/bin classpath C:/apache-ant-1.8.1/lib

五、安裝 JDK

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

JDK　安裝請參考：

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

六、安裝 sencha cmd

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

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

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

參考

C:\Sencha_cmd2\Sencha\Cmd\5.1.0.26

七、本文以搭建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

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

驗證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

歡迎加入技術討論羣 ：219805927     

你也能夠掃描二維碼加入該羣

若是你想快速訪問國外網站，請參考  http://honx.in/i/VLNDc0Q-2mFU2bAu  不過目前紅杏要收費了。

原文請移步： PhoneGap+Cordova+SenchaTouch-01-環境搭建