WebStorm Cordova 環境搭建

1、軟件安裝

一、nodejs

 

二、npm

 

三、Cordova

 若是慢，能夠修改鏡像，再進行安裝。

　　npm config set registry http://registry.cnpmjs.org npm info underscore

　　npm install -g cordova

安裝成功後作版本查看測試

 

 

四、ionic

版本查看

 

 五、Java

 JAVA_HOME=C:\Program Files\Java\jdk1.8.0_101

六、ant

七、Andorid環境安裝

path環境變量添加：D:\Program Files\Android\Android\Sdk\android-sdk\platform-tools;D:\Program Files\Android\Android\Sdk\android-sdk\tools;

添加系統變量：ANDROID_HOME=C:\Program Files (x86)\Android\android-sdk

八、adb

九、重啓....

 

2、環境測試

一、建立工程

修改index.html內容。

二、編譯

三、安裝包定位

 platforms\android\build\outputs\apk

 

 

四、模擬器測試

 

 

 

 

 

 

 

3、注意問題

一、WebStorm編譯依賴於gradle，WebStorm編譯過程當中自動下載，時間較長

 

二、Android版本不對，WebStorm建立工程生成的Android版本高，須要在Android SDK Manager中下載

三、Android SDK版本統一，platform/android/和platform/android/CordovaLib目錄的project.properties和AndroidManifest.xml中統一

 

 

4、參考資料

 Cordova 安裝及示例程序：http://blog.csdn.net/xundh/article/details/46737099

Cordova webapp實戰開發：http://www.cnblogs.com/zhoujg/p/4560998.html