H5跨平台开发环境搭建 时间：2018-08-10     来源：未知

H5跨平台环境搭建很复杂，既需要搭建Android的开发环境，右需要搭建H5的开发环境。并且在搭建的过程中有很多细节性的问题需要注意，在此将搭建环境的过程一一详细列出，同学们可以根据具体的步骤搭建自己的开发环境。

1、nvm的安装：

nvm是node.js的版本管理工具，可以使用nvm快速的在开发过程中切换node.js的版本。

a)nvm下载地址：

i.https://github.com/coreybutler/nvm-windows/releases

b)环境配置：

i.配置环境变量：

1.在NVM 文件夹中双击 install.bat 生成 settings.txt 配置文件。（配置系统的平台的位数，配置node.js 快捷方式的目录，添加镜像源）。

2.配置 settings.txt

root: C:\nvm

path: C:\nvm\node.js

arch: 64

proxy: none

node_mirror://npm.taobao.org/mirrors/node/

npm_mirror:https://npm.taobao.org/mirrors/npm/

3.添加环境变量：NVM_HOME

a)变量的值：当前nvm.exe所在目录

4.添加环境变量：NVM_SYMLINK

a) 变量的值node 快捷键方式所在目录

5.在PATH变量中引入以上变量：

a) %NVM_HOME%;%NVM_SYMLINK%

6、相关nvm的命令：

1)、nvm 查看nvm的版本号

2）、nvm install v6.6.0 安装6.6.0版本的node

3)、nvm use v6.6.0 切换node的版本为6.6.0

4)、nvm uninstall v6.6.0 卸载node

2、 设置 npm 的镜像源为淘宝的镜像源

使用国外的镜像源在安装模块时比较慢，而且当数据比较多的情况下容易出错。可以将npm的镜像源设置为的镜像源，安装模块时就比较节省时间。

1) 命令：

npm config set registry https://registry.npm.taobao.org

2）检测是否安装成功

npm config get registry

2、安装cordova开发环境；

a)npm install -g cordova

3、安装 java 开发环境

a)下载 jdk 双击选择需要安装的功能，默认安装。jdk的版本好在1.8版本以上。

b)配置环境变量

1.添加变量 JAVA_HOME ，变量的值：安装目录

C:\Program Files\Java\jdk1.8.0_144

2.添加环境变量 CLASS_PATH , 变量的值：

.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar

3.在PATH 变量中添加：

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

4.检测是否安装成功

java –version

c)在Eclipse官网下载Eclipse压缩包解压后直接打开即可（前提：JDK已经安装完毕并且已经配置好环境变量）。下载地址：

//www.eclipse.org/downloads/eclipse-packages

4、给Eclipse安装可以进行 Android 开发的插件

a)下载地址：

1.//www.androiddevtools.cn/

2.在页面中找到 ADT Plugin,并下载新版本。

3.在eclipse的help选项中点击 install new software选项安装 ADT 插件。注意在安装插件的时候要去掉更新的选项。不然装过程会很漫长。

b)、在上述的同一个网址中下载 SDK 并解压，然后指定 Eclipse 中的 SDK 目录；

c)、点击 SDK Manager更新 SDK 中的 Android SDK Tools、Android SDK Build-tools以及相应的SDK Platform等。

d)、配置 SDK 的环境变量

1、添加变量 ANDROID_HOME

变量的值：SDK 目录所在的路径

2、增加 PATH 变量的值

%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools

3、检测 Android 环境的配置

输入命令 android 如果能够打开SDK的管理器就可以了

e)、通过SDK Manager下载Android模拟器所需要的系统镜像5.0版本以上好。

f)、通过Eclipse中的Android 虚拟设备管理器创建Android模拟器。如果之前下载的系统镜像为 x86 或者是 x64的镜像那么还必须要安装模拟器加速器才能打开模拟器。

6、安装 Gradle （android的打包工具）

Gradle是Android应用程序的打包工具，而在开发跨平台的应用程序中需要打包生成Android应用程序，所以必须安装Gradle，而Gradle的版本目前好使用3.0版本的。

1、下载地址同上，下载后直接解压

2、配置环境变量

添加环境变量：GRADLE_HOME

变量的值：Gradle的路径

在Path变量中添加 %GRADLE_HOME%\bin

7、创建 Cordova 工程

cordova create FirstApp com.farsight.cn FirstApp

1）、进入到Cordova 的工程目录中：

cd FirstApp

2)、添加平台

cordova platform add android

3)、编译生成 android 应用

cordova build android

4)、将编译生成的android应用程序运行到Android设备上

cordova run android

5）、注意：运行到Android设备上，要打开设备的usb调试选项。

8、常用的命令

1）、 android

打开 SDK 管理器

2）、 emulator –list-avds

查看当前可以使用的模拟器

3）、emulator –avd 模拟器的名字

运行模拟器

4）、monitor

打开 SDK 中的调试界面

5)、adb devices

查看当前可使用的正在运行的Android设备。

9、在开发的过程中如果提示端口被占用，无法部署应用程序到模拟器中，可以强制结束占用端口的进程：

1、查看占用某个端口的进程

netstat -aon|findstr 5037

找到对应进程的PID号。

2、打开任务管理器，通过PID找运行的程序名称，可以强制关闭其运行。

至此，跨平台开发的环境就已经搭建成功了，赶快投入到跨平台开发的过程中去吧！