安装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 安装完成后
1. 运行 Android SDK 安装目录下的 SDK Manager.exe
2. 安装Tools 以及 Android 5.0 以上的内容(也可以全都安装), 等待安装完成
3. 在visual studio code中安装插件 Cordova Tools
4. 在cmd.exe中执行npm install -g cordova 来安装cordova
创建项目
1. cordova create <path> 来创建一个cordova项目
2. cordova platform add android 来添加安卓平台
3. visual studio code中ctrl + p 执行 > cordova build 来编译
测试
1. 开启手机的USB调试, 并连接PC端
2. 在cmd.exe 中执行 adb devices 并检查手机是否已连接
  - 已连接的话会显示
```
    C:\Users\Lenovo>adb devices
    List of devices attached
    CJL5T16314003155        device
```
3. 在visual studio code调试中选择cordova
4. 执行Run Android on device
会遇到的问题
- 测试node -v 或java -version 时报错, 可能是配置环境变量配置错了
- 执行 cordova platform add android 时报错, 可能是Android sdk 中某个版本没有安装导致的, 如果找不到原因, 最好都安装上
- 执行 adb devices 没有找到手机, 可能是手机没有安装某些驱动, 下载一个XX手机助手, 会自动帮你安装

安装cordova

安装cordova (Visual Studio Code下的安装教程)

猜你喜欢

热点阅读