构建Wep App 2018(一)|搭建项目环境|Vue+Express+Cordova|

工具需求:

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容