WebStorm Cordova 環境搭建


一、軟件安裝

1、nodejs

 

2、npm

 

3、Cordova

 如果慢,可以修改鏡像,再進行安裝。

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

  npm install -g cordova

安裝成功后做版本查看測試

 

 

4、ionic

版本查看

 

 5、Java

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

6、ant

7、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

8、adb

9、重啟....

 

二、環境測試

1、創建工程

修改index.html內容。

2、編譯

3、安裝包定位

 platforms\android\build\outputs\apk

 

 

4、模擬器測試

 

 

 

 

 

 

 

三、注意問題

1、WebStorm編譯依賴於gradle,WebStorm編譯過程中自動下載,時間較長

 

2、Android版本不對,WebStorm創建工程生成的Android版本高,需要在Android SDK Manager中下載

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

 

 

四、參考資料

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM