/vue-webpack-h5

vue的使用demo

Primary LanguageJavaScript

h5

概述

技术栈：webpack + vue

运行环境：node（v6.2.0）

线下前端人员运行

$ cd 项目根目录（如：cd ~/workplace/91/h5
$ npm install
$ ./debug

打开浏览器访问 [http://127.0.0.1:8080/]

线下后端人员运行

$ cd 项目根目录（如：cd ~/workplace/91/h5
$ npm install
$ ./release -d ./a/b -p http://m.qmjy.dev/ -i http://api.qmjy.dev/h5

打开浏览器访问 [http://m.qmjy.dev/] -d 该参数指定前端项目发布到的本地地址，需为相对路径 -p 该参数指定后端跑该项目的服务器地址（如：http://m.qmjy.dev/ 或 m.qmjy.dev 或 m.qmjy.dev/） -i 该参数指定后端虚拟正式环境跑该项目时，修改前端所有ajax（即api）的处理域名

线上管理人员运行

$ cd 项目根目录（如：cd ~/qmjy-h5）
$ npm install
$ ./release -d ./h5.qmin91.com -i qmin91.com/h5

-d 该参数指定前端项目发布到的本地地址，需为相对路径

新建app步骤

  1. 在 /src 目录下新建一个对应app（假设该app名字为 xy-vote）的xy-vote文件夹，放置app对应的静态资源；

  2. 在 /src/vuex/modules/ 目录下新建xy-vote文件夹，放置app对应的action、mutations和store；

  3. 在 /config/router.js 配置相应的路由；

  4. 接下来写业务代码。