Cordova + Vue 环境搭建

Cordova 环境搭建

创建应用： 

# cordova create <PATH> [ID [NAME [CONFIG]]] [options]

cordova create hello com.example.hello HelloWorld

添加支持平台：

# 列出支持的平台
cordova platform list

# 增加指定的平台支持
cordova platform add android

生成APP

# 生成安卓APK
$ cordova build android
....
BUILD SUCCESSFUL in 1m 47s
47 actionable tasks: 47 executed
Built the following apk(s):
/**/**/**/**/**/start/platforms/android/app/build/outputs/apk/debug/app-debug.apk

Vue 环境搭建

安装Vue工具

# 安装Vue
npm install vue -g

# 安装命令行工具
npm install vue-cli -g

创建应用

# vue-init <template-name> [project-name]
vue init webpack app

在浏览器运行应用

# 运行浏览器环境
npm run dev

编译到Cordoava的www目录

修改config/index.js文件

build: {
    /** index, assets 指向 www 目录的位置 */
    index: path.resolve(__dirname, '../../www/index.html'),
    assetsRoot: path.resolve(__dirname, '../../www'),
    assetsSubDirectory: 'static',
    /** 这里设置为空 */
    assetsPublicPath: '',
....

编译

$ npm run build

 UI库

• mint-ui https://mint-ui.github.io/#!/zh-cn npm install mint-ui --save
• vux https://vux.li/  npm install vux --save