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