一、软件安装

1、nodejs

WebStorm Cordova 环境搭建-LMLPHP

2、npm

WebStorm Cordova 环境搭建-LMLPHP

3、Cordova

WebStorm Cordova 环境搭建-LMLPHP

如果慢,可以修改镜像,再进行安装。

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

  npm install -g cordova

WebStorm Cordova 环境搭建-LMLPHP

WebStorm Cordova 环境搭建-LMLPHP

安装成功后做版本查看测试

WebStorm Cordova 环境搭建-LMLPHP

4、ionic

WebStorm Cordova 环境搭建-LMLPHP

版本查看

WebStorm Cordova 环境搭建-LMLPHP

5、Java

WebStorm Cordova 环境搭建-LMLPHP

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

6、ant

WebStorm Cordova 环境搭建-LMLPHP

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

WebStorm Cordova 环境搭建-LMLPHP

9、重启....

二、环境测试

1、创建工程

WebStorm Cordova 环境搭建-LMLPHP

修改index.html内容。

WebStorm Cordova 环境搭建-LMLPHP

2、编译

WebStorm Cordova 环境搭建-LMLPHP

3、安装包定位

platforms\android\build\outputs\apk

WebStorm Cordova 环境搭建-LMLPHP

4、模拟器测试

WebStorm Cordova 环境搭建-LMLPHP

WebStorm Cordova 环境搭建-LMLPHP

三、注意问题

1、WebStorm编译依赖于gradle,WebStorm编译过程中自动下载,时间较长

WebStorm Cordova 环境搭建-LMLPHP

2、Android版本不对,WebStorm创建工程生成的Android版本高,需要在Android SDK Manager中下载

WebStorm Cordova 环境搭建-LMLPHP

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

WebStorm Cordova 环境搭建-LMLPHP

四、参考资料

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

Cordova webapp实战开发:http://www.cnblogs.com/zhoujg/p/4560998.html

05-11 17:27
查看更多