demo 地址: https://github.com/iotjin/JhCordovaVueDemo

Cordova 中文文档
Cordova 教程

1、环境搭建

前提：要安装nodejs

node -v
npm -v

命令：node -v 查看是否安装了nodejs （有版本号即成功）
Node.js官网

命令：npm -v 查看是否安装了npm (有版本号即成功)
说明：npm是node的包管理工具，默认安装完node之后，npm会自动安装上的。

安装 Cordova

Mac （比Windows多了一个sudo）

sudo npm install -g cordova

Windows

npm install -g cordova

查看版本

cordova -v

2、项目创建

2.1、cd 到源代码目录中，在此路径下创建cordova项目

cordova create hello com.example.hello HelloWorld

hello 是项目的文件夹名称
com.example.hello 是项目的BundleId
HelloWorld 是项目的Display Name

2.2、添加平台

所有后续命令都需要在项目目录或者项目目录的任何子目录运行:

 cd hello

给你的App添加目标平台。我们将会添加'ios'和'android'平台，并确保他们保存在了config.xml中:

cordova platform add ios --save
cordova platform add android --save
cordova platform add browser --save

检查你当前平台设置状况:

cordova platform ls

在这里插入图片描述 在这里插入图片描述

2.3 编译

cordova build iOS

期间报了个错，让运行 npm install -g ios-deploy 但是不起作用

ios-deploy was not found. Please download, build and install version 1.9.2 or greater from https://g

使用下面这个命令运行👇🏻

sudo npm install -g ios-deploy --unsafe-perm=true --allow-root

2.4 运行

cordova run iOS

3、一些插件

sudo cordova plugin add phonegap-plugin-barcodescanner

sudo cordova plugin add cordova-plugin-device

sudo cordova plugin add cordova-plugin-network-information

sudo cordova plugin add cordova-plugin-battery-status

sudo cordova plugin add cordova-plugin-device-motion

sudo cordova plugin add cordova-plugin-device-orientation

sudo cordova plugin add cordova-plugin-geolocation

sudo cordova plugin add cordova-plugin-camera

sudo cordova plugin add cordova-plugin-globalization

sudo cordova plugin add cordova-plugin-splashscreen

sudo cordova plugin add cordova-plugin-media

sudo cordova plugin add cordova-plugin-file