构建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