HTML5移动开发环境配置（AndroidStudio+Cordova）

1、安装JDK

安装过程中的路径可以使用默认的路径，但是为了后期配置的方便，建议自定义一个简单的路径，这里使用如下路径：

         假设：JDK的安装路径设置为  C:\java\jdk1.8        

安装过程中间会弹出JRE的安装，此时设定JRE的安装路径为C:\java\jre1.8

 

2、在系统环境变量中配置jdk的相关路径

         增加JAVA_HOME，值就是JDK的安装路径；然后在path最后添加：%JAVA_HOME%\bin;

 

3、安装androidSDK

         将压缩包androidSDK解压，然后放置到C盘根目录下即可，确认C:\androidSDK这个文件夹中不再有一级androidSDK。（如果C盘空间不充裕，其他盘也可以，记住自己存放的路径）

 

4、在系统环境变量中配置androidSDK的路径

         增加ANDROID_HOME，值就是刚才解压后的文件夹名称（如上面的C:\androidSDK）

 

5、安装Gradle

         在C盘下创建文件夹Gradle，然后将压缩包Gradle4.5解压至该文件夹内，路径为：C:\gradle\gradle-4.5

 

6、在系统环境变量中配置Gradle的路径

         在path最后添加C:\Gradle\gradle-4.5\bin（请确认bin所在的路径）

 

7、安装node.js

         同样安装过程中的路径可以使用默认路径，但为了后期配置的方便，建议自定义一个简单的路径，这里使用路径C:\nodejs。Node.js主要是为了后面安装cordova用的。

 

8、安装cordova

         利用前面安装的node.js的npm命令来安装，cmd打开命令窗口，然后输入如下内容后回车：npm install –g cordova

 

9、创建项目

         在自己的工作目录下创建一个用来存放cordova项目的文件夹，如：D:\workspace-cordova；然后在命令窗口进入该文件夹，输入以下命令创建一个project

         cordovacreate 项目名称包名 别名

         注意：上面的包名和别名都可以省略。详细信息可以利用cordovahelp create的方式来查看create方法的完整格式。

         运行成功后进入该项目文件夹，然后添加android环境

         cordovaplatform add android

         最后编译该项目

         cordovabuild

10、运行项目

上面编译成功之后就可以用AndroidStudio来import这个项目，然后运行即可

 

11、修改页面

         修改项目文件夹中的www文件夹的内容，修改完后重新cordovabuild一下，然后再运行就是新的APP了。