安装cordova
2017-06-14 本文已影响28人
在宇宙Debugger
安装cordova (Visual Studio Code下的安装教程)
-
安装
1.1 需要安装的软件:- nodeJS: http://nodejs.cn/
- JDK: http://rj.baidu.com/soft/detail/14459.html?ald
- Android SDK: https://developer.android.com/studio/index.html
- apache-ant: http://ant.apache.org/bindownload.cgi
- gradle: http://download.csdn.net/detail/u013934914/9386817
- Lantern (翻墙工具): http://lantern.bcoder.cn/
- Visual Studio Code (IDE): https://code.visualstudio.com/Download
(* 不需要一定安装以上版本, 安装的版本当然越新约好, 安装时一定要记住你的安装目录)
具体安装步骤可以百度一下, 因为没有什么好说的
1.2 环境变量
-
JAVA_HOME
: 这里写安装JDK的位置, 比如我安装到了E盘, 就填E:\JDK
-
ANDROID_HOME
: 这里写安装AndroidSDK的位置, 比如我安装到了E盘, 就填E:\android-sdk-windows
-
CLASSPATH
:.;%JAVA_HOME%\lib
固定值, 前面的.
一定要加上 -
PATH
: 如果有就添加进去, 没有就新增一个, 大小写都可以
在PATH
中新增以下值:%JAVA_HOME%\bin;
-
E:\apache-ant-1.10.0\bin;
这个根据自己安装apache-ant的目录填写 -
E:\android-sdk-windows\tools;
这个根据自己安装apache-ant的目录填写 -
E:\android-sdk-windows\tools\bin;
这个根据自己安装apache-ant的目录填写 -
E:\android-sdk-windows\platform-tools;
这个根据自己安装apache-ant的目录填写 -
E:\nodeJS\;
这个根据自己安装apache-ant的目录填写 -
E:\gradle-3.5\bin;
这个根据自己安装apache-ant的目录填写
1.3 测试
- 在cmd.exe中执行
-
node -v
测试node -
java -version
测试node
-
1.4 安装完成后
- 运行 Android SDK 安装目录下的
SDK Manager.exe
- 安装Tools 以及 Android 5.0 以上的内容(也可以全都安装), 等待安装完成
- 在visual studio code中安装插件
Cordova Tools
- 在cmd.exe中执行
npm install -g cordova
来安装cordova
-
创建项目
-
cordova create <path>
来创建一个cordova项目 -
cordova platform add android
来添加安卓平台 - visual studio code中
ctrl + p
执行> cordova build
来编译
-
-
测试
- 开启手机的USB调试, 并连接PC端
- 在cmd.exe 中执行
adb devices
并检查手机是否已连接- 已连接的话会显示
C:\Users\Lenovo>adb devices List of devices attached CJL5T16314003155 device
- 已连接的话会显示
- 在visual studio code调试中选择cordova
- 执行Run Android on device
-
会遇到的问题
- 测试
node -v
或java -version
时报错, 可能是配置环境变量配置错了 - 执行
cordova platform add android
时报错, 可能是Android sdk 中某个版本没有安装导致的, 如果找不到原因, 最好都安装上 - 执行
adb devices
没有找到手机, 可能是手机没有安装某些驱动, 下载一个XX手机助手, 会自动帮你安装
- 测试