cordova

Posted 2020-11-09 李灏峰

以下命令都是以Mac电脑为例子

1.安装 

npm install -g cordova (linux系统的前面要添加sudo 否则会报错)

2.创建项目

cordova create MyApp

3.添加平台

cordova platform add ios --save

cordova platform add android --save

cordova platform add browser

检查当前平台设置状况

cordova platform ls

4.安装平台需要的sdk

JDK：文件地址：http://www.oracle.com/technetwork/java/javase/downloads

Android Studio：文件地址：https://developer.android.com/studio/install?pkg=studio

Gradle: 使用命令

安装完成后检测是否满足构建平台的要求：cordova requirements

安装过程中报错信息：

查看jdk的版本 mac上面最好安装版本比较低一点的 比如1.8.0的

按照安装需求去android studio里面安装

5.配置环境变量（解决android command not found的问题）

打开mac的terminal终端，输入cd ~/ 【进入当前用户的home目录】

输入touch .bash_profile 【如果没有.bash_profile这个文件，则创建一个这个文件】

输入open .bash_profile 【打开我们创建的这个文件，此时应该弹出一个文本编辑框，如果是第一次配置环境，那么文本编辑框为空白】

在打开的文本编辑器中写入如下代码：

export ANDROID_HOME=/usr/local/opt/android-sdk  
export PATH=${PATH}:${ANDROID_HOME}/tools  
export PATH=${PATH}:${ANDROID_HOME}/platform-tools  

注意将第一个ANDROID_HOME改为自己电脑上面的sdk路径

至于sdk路径，可以打开Android Studio，在preference(Windows的setting)中搜索sdk来查看。

在终端中输入source .bash_profile 【使我们的改动生效】

输入 adb 或者 android list target 【验证是否完成配置，如果不显示command not found，说明配置完成 】

6.构建app

cordova build在真机上运行