工具需求:
Vue.js:https://cn.vuejs.org
Vuetify:https://vuetifyjs.com/zh-Hans/
Node.js:https://nodejs.org/zh-cn/
Express:http://www.expressjs.com.cn
MongoDb:https://www.mongodb.com
Material Icon:https://material.io/icons/
1、配置cordova项目
- 安装cordova
npm install -g cordova
- 新建codova项目
cordova create webApp
- 进入项目目录 新增平台设置(Android)
cd webApp
cordova platform add android
- 目录树
-
(可选)在
config.xml
/package.json
中修改app名和描述
测试build
cordova build android
2、在cordova目录下配置Vue项目
- 全局安装Vue-cli脚手架
npm install -g vue
npm install -g vue-cli
- 初始化Vue App(webpack)
vue init webpack client
- 修改项目build设定(修改Vue项目config/index.js文件)
初始代码:
修改后代码:
- build add
cd client
npm run build