Hybrid app(cordova) 环境配置记录

node版本管理 NVM 安装过程

由于最新版 node 不兼容部分功能,所以需要安装 nvm 切换 node 版本

在 https://github.com/coreybutler/nvm-windows 下载 nvm-windows

安装后,由于下载 node 速度太慢,所以修改安装目录下的 setting.txt 文件,加上:

arch: 64
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

接着安装需要的版本 
nvm install latest  // 最后一个版本

nvm install 6.9  // node 6.9

安装后

nvm use 6.9

接着查看是否安装成功

node -v

如果报错,删除安装 nvm 时,创建的 nodejs 文件夹

惯例安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

cordova安装过程

首先全局安装 cordova 及 phonegap (可不安装)

cnpm install cordova phonegap -g

接着根据模板创建工作目录

cordova create app(文件夹名) com.example.app app(app名) --template 

cd app

cnpm install  // 安装依赖

cordova platform add android  // 安装 android 平台

cordova plugin add cordova-plugin-camera  // 相机api

cordova requirements  // 查看运行环境,发现缺少 sdk

java sdk、android sdk、gradle安装及配置环境变量

安装 java sdk

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

安装 android sdk

https://android-sdk.cn.uptodown.com/windows

解压 gradle

https://gradle.org/releases

添加环境变量

JAVA_HOME D:java (java sdk安装位置)

CLASSPATH %JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;

GRADLE_HOME D:gradle-3.3 (gradle安装位置)

Path
%ANDROID_HOME%platform-tools
%ANDROID_HOME% ools
%JAVA_HOME%in
%GRADLE_HOME%in

用户环境变量:

Hybrid app(cordova) 环境配置记录

Path变量下:

Hybrid app(cordova) 环境配置记录

android sdk 安装如下文件

Hybrid app(cordova) 环境配置记录

配置模拟器 adv

Hybrid app(cordova) 环境配置记录

调试

启用 adv 调试,同时打包apk到 appplatformsandroiduildoutputsapk 目录下

cordova run android  

调用原生api时,在index.html中加入如下标签(该文件在 appplatformsandroidassetswww 目录下)

<script type="text/javascript" src="cordova.js"></script>