windows环境
1、安装cordova
npm install -g cordova
2、创建cordova项目
cordova create hello com.example.hello HelloWorld
3、创建cordova平台(ios同理)
cordova platform add android --save
4、安装构建先决条件
要构建和运行App,你需要安装每个你需要平台的SDK。
运行:
cordova requirements
进行查看
cordova requirements
Requirements check results for android:
Java JDK: installed .
Android SDK: installed
Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23
Gradle: installed
Requirements check results for ios:
Apple OS X: not installed
Cordova tooling for iOS requires Apple OS X
Error: Some of requirements check failed
6、进入vue项目,安装vue-cordova
npm install vue-cordova --save
7、在main.js中引入vue-cordova
import VueCordova from 'vue-cordova'
Vue.use(VueCordova)
8、在项目根目录创建vue.config.js文件,内容如下:
module.exports = {
publicPath: '',
}
9、构建vue项目,在项目根目录运行:
npm run build
10、将vue构建完成的项目复制到cordova中:
vue根目录dist下的内容复制到cordova项目根目录中的www文件夹下
11、用cordova构建APP:
在cordova项目的根目录运行:
cordova build
12、构建完成的APP 位于:
cordova项目名\platforms\android\app\build\outputs\apk\debug
补充测试APP相关:
1、模拟器:
cordova emulate android
2、真机:
cordova run android