基于vue.js的webapp

注意：当前项目代码已经升级到2.0，采用vue-cli构建的2.0版本。

改动模版和JS浏览器自动实时预览，无须手动刷新。 改动样式，需要手动刷新浏览器。

---

安装

通过npm安装本地服务第三方依赖模块(需要已安装Node.js)

npm install

启动服务(http://localhost:8020)

npm start

发布代码

npm run build

如果build失败 报compression-webpack-plugin错误，则运行下面命令 ： npm install compression-webpack-plugin --save

如果start失败，执行以下命令： npm install extract-text-webpack-plugin@^2.0.0

本地调试步骤：

1.登陆测试环境 http://edc.campus.qq.com/edc/index.html 2.切换host到本地 3.启动本地环境 4.打开下面的本地调试URL http://edc.campus.qq.com/edc.html

开发

目录结构

.
├── README.md
├── build              // 构建服务和webpack配置
├── config             // 项目不同环境的配置
├── dist               // 项目build目录
├── index.html         // 项目入口文件
├── package.json       // 项目配置文件
├── src                // 生产目录
│   ├── assets         // css js 和图片资源
│   ├── components     // 各种组件
│   ├── views          // 各种页面
│   ├── vuex           // vuex状态管理器
│   ├── filters.js     // 各种过滤器
│   └── main.js        // Webpack 预编译入口


views
├── school
│   ├── teacher
│   │   ├── index.js   // 这个模块的路由
│   │   └── page.vue   // 这个模块的业务页面
│   ├── authority
│   ├── face
│   └── router.js      // 引入每个模块路由 并导出
├── office
│   ├── user
│   │   ├── index.js   // 这个模块的路由
│   │   └── page.vue   // 这个模块的业务页面
│   └── router.js      // 引入每个模块路由 并导出
router.js                 // 引入 school && office 导出的路由

TODO
1. npm 怎么管理 vue组件
2. 引入wx.js