cordova环境搭建

{//安装 nodejs (让js能运行于服务端,且集成了npm 包安装工具)
安装 node-v6.2.2-x64.msi //从官网 https://nodejs.org 下载
创建文件 C:myapp est.js /* 添加下面内容
var http = require("http");

http.createServer(function(req, res) {
res.writeHead( 200 , {"Content-Type":"text/html"});
res.write("<h1>Node.js</h1>");
res.write("<p>Hello World</p>");
res.end("<p>beyondweb.cn</p>");
}).listen(3000);
console.log("HTTP server is listening at port 3000.");
*/

运行cmd
> cd C:myapp
> node test.js
网页访问http://127.0.0.1:3000 //能访问到说明node 安装成功
}

{//安装 Cordova
> npm config set strict-ssl false
> npm config set registry https://registry.npm.taobao.org //国内被屏蔽,设置代理较快,
> npm install -g cordova@6.0.0 /* 指定版本安装,避免版本不匹配,路径 :C:UsersivanAppDataRoaming pm
版本见 http://cordova.apache.org/news/2016/10/25/tools-release.html
注意选择版本,原因是cordova 和android 有版本匹配问题,如果全部下载到最新没有问题,但是国内被屏蔽了很多,安装很折腾人
选择源,解决速度问题
npm install -g nrm
nrm ls
nrm test 测试所有源速度
nrm use taobao 切换源

> npm install -g cordova 注:如果报错,原因可能是被屏蔽,换个代理 npm config set registry 试试
如报错:
C:WINDOWSsystem32>npm install -g cordova
npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program
npm ERR! node v6.2.2
npm ERR! npm v3.9.5
设置npm config set registry https://registry.npm.taobao.org 后成功
C:WINDOWSsystem32>npm install -g cordova
C:UsersivanAppDataRoaming pmcordova -> C:UsersivanAppDataRoaming pm ode_modulescordovaincordova
C:UsersivanAppDataRoaming pm
`-- cordova@6.4.0
+-- cordova-common@1.5.1
| +-- ansi@0.3.1
| +-- bplist-parser@0.1.1
| | `-- big-integer@1.6.16
| +-- cordova-registry-mapper@1.1.15

如果下载有问题,可以指定老板版本的下载 npm install cordova@6.0.0 --save
-g 是安装全局 --save 只当前文件夹内


npm下载好包的见 资料/离线包里的 npm npm_cache (如果网络不好,可以把这些包放到对应的位置)
*/

> cordova -v //查看版本 6.0.0
> cordova create hello //注意不要在中文路径下
> cd hello
> cordova platform add browser /*
报错:Cmd err:
解决方法:
在系统环境变量里 PATH变量后面追加 ;C:WindowsSystem32

*/
点击 ChromeStandalone_54.0.2840.71_Setup.exe 安装谷歌浏览器
> cordova run browser
}

{//安装 Android
1. 点击安装 jdk-8u5-windows-x64.exe //安装路径 C:Program FilesJavajdk1.8.0_05 C:Program FilesJavajre8
> java -version //有显示版本信息,表示安装成功
2. 设置环境变量 (win10 控制面板 -> 系统 -> 高级系统设置 -> 环境变量 -> 用户变量里点新建
新建JAVA_HOME变量 C:Program FilesJavajdk1.8.0_05
新建classpath变量 .;%JAVA_HOME%lib;%‘%lib ools.jar
在已有的path后添加 ;%JAVA_HOME%in;%JAVA_HOME%jrein
3. 点击安装 android-studio-bundle-141.2422023-windows.exe //android 许多工具存在版本匹配问题,最好选择已集成好的。
//路径 C:Program FilesAndroidAndroid Studio C:UsersivanAppDataLocalAndroidsdk
//注意路径不能有中文字符
点击 Start a new project
选比手机Android 版本低的版本
一路next
连接手机 //注意:电脑的模拟器太慢了
在手机上选USB调试 //如果找不到开发者选项,点关于手机,点版本点多次,就会显示开发者选项,里面有USB调试
回到电脑,点三角按钮运行,Choose a Running device 真机调试 /*注意,版本需比手机Android 版本低
如果没有设备显示,需装手机的驱动(可以用驱动大师)
也可以换一个USB口试试
*/
}

{//设置Cordova支持的平台
> cd hello
> cordova platform ls //查看支持的平台
> cordova platform add android@6.0 --save /*添加对Android平台支持
--save 是安装在本地, -g 是安装全局
@6.0 指定Android版本 这里最好指定和Android Studio对应的版本。规避版本不匹配的问题
报错: Fail to install cordova-plugin-whitelist
解决方法: cordova plugin add cordova-plugin-whitelist@1.0.0
有的下载会中断,重复几次

报错: download gradle 超时。
解决方法: 把离线下载的gradle-2.14-all.zip 放到
C:UsersXXX.gradlewrapperdistsgradle-2.14.1-all53l0mv9mggp9q5m2ip574m21oh 目录下即可以了
XXX 是你的用户名
53l0mv9mggp9q5m2ip574m21oh 这串字符要看自己的电脑上生成的

报错: You have not accepted the license agreements of the following SDK components: [Android SDK Build-Tools 24, Android SDK Platform 24].
解决方法: 需Android Studio 安装了对应版本的SDK ,这里下载24版本的(需设置代理才能下载)
打开Android Studio Tools -> SDK Manager -> Http Proxy -> Manu Proxy ->
Host Name 设为: mirrors.neusoft.edu.cn
Port 80
点 Check Connection 测试链接
Android SDK -> Lanuch Standlone SDK Manager
选择对应的 24版本下载 (注意:下载不了时,可以重新连接一下代理,多下载几次就可以了)

下载好的SDK 包在 C:UsersivanAppDataLocalAndroidSDK
见离线包 里的sdk (如果网络下载不了,可以把它防止对应的位置)

*/
> cordova build android /*编译生成 android 平台的代码
下载很慢如 https://repo1.maven.org/maven2/org/bouncycastle/bcprov-jdk15on/1.48/
解决方法:
代理,
或离线下载

下载慢,用国内源
> npm install -g cnpm --registry=https://registry.npm.taobao.org
*/

> cordova emulate android /* 模拟器运行 (建议跳过,因性能太差)
报错: HAXM is not working and emulator runs in emulation mode
emulator: The memory needed by this AVD exceeds the max specified in your HAXM configuration.
emulator: AVD RAM size = 1536 MB
emulator: HAXM max RAM size = 512 MB
emulator: You might want to adjust your AVD RAM size and/or HAXM configuration to run in fast virt mode.
模拟器卡在android 字样处。不能进入Android 主界面
解决方法:
需安装HAXM 见 Android Studio Tools -> SDK Manager ->
Android SDK -> Lanuch Standlone SDK Manager
选择 Extras 里的HAXM 安装 ,安装后 (如果不能联网,离线包里有)
点击安装 C:UsersivanAppDataLocalAndroidsdkextrasintelHardware_Accelerated_Execution_Managerintelhaxm-android.exe
重新设置值为和AVD 一致的1536 MB
重启 AVD
*/

用Android Studio 导入该项目(如C:ivancordova_androidhelloplatformsandroid) /*
报错: Gradle sync failed: Cause:https://services.gradle.org/distributions gradle-2.14.1-all.zip
原因: 项目需要对应版本的gradle去编译管理项目,
查看我们的gradle。见C:Usersivan.gradlewrapperdistsgradle-2.14.1-all 是有的
为何还要报错呢? 我们往下看里面有 53l0mv9mggp9q5m2ip574m21oh 和9ossqmv60fyibylheubs4isy9
9ossqmv60fyibylheubs4isy9里文件是空的,原来,新项目可能会重新产生一个编码。
只要我们把53l0mv9mggp9q5m2ip574m21oh里OK内容拷贝到9ossqmv60fyibylheubs4isy9中,
并且 File->Invalidate and restart 清除缓存重启,就OK了

解决方法2:更改版本检测 (该方法不一定行)
更改
C:ivancordova_androidMyAppplatformsandroidgradlewrappergradle-wrapper.properties
里为已有版本 distributionUrl=https://services.gradle.org/distributions/gradle-2.8-all.zip
把 .gradle/2.8 考到对应位置
*/
USB接入Android手机,真机运行
}

{//转换到手机上运行实例
准备h5项目源码 如 “项目包”
> cordova create h5prj2 //创建cordova项目,注意其所在路径和文件名不能为中文,否则报错 non-ASCII characters
解压“项目包”命名为www 并替换 h5prj2里的www
指定入口:更改config.xml里的入口程序名index.html 为 05-03-晒单.html
> cordova platform add android@6.0 --save
> cordova build android
用Android Studio 导入该项目:file-new-import project-选择所要倒文件里的android,点ok
USB接入Android手机,点Android Studio 运行按钮,真机运行 //会在手机上看到项目界面

}

}

原文地址:https://www.cnblogs.com/iriliguo/p/6476089.html