基于vue1.0开发的移动端H5积分商城项目

项目

基于vue@1.0开发的移动端H5积分商城项目
vue
vue-ruoter
vue-resource
webpack

Github

#github仓库url
git clone https://github.com/vincentSea/vueWebapp.git
 or
git clone git@github.com:vincentSea/vueWebapp.git

项目地址 : https://github.com/vincentSea/vueWebapp

示例

demo传送门

说明

1
2
3

因该例子是以公司项目开发的，所以仅提供学习参考
如有疑问：QQ:1085231006
可以的话 GitHub给个star！！！

运行

1
2
3

#安装依赖模块
npm install
cnpm install [前提安装了淘宝源](http://npm.taobao.org/)

#项目启动命令
npm run dev   ----- localhost:8080  
npm run ip    ----- 本机ip:9000
npm run build ----- 打包项目

Mock.js

使用Mock.js模拟数据

1 2	# 安装 npm install mockjs --save

目录结构


│  .gitattributes
│  .gitignore               # 忽略无需git控制的文件  比如 node_modules
│  favicon.ico
│  index.html               # 首页
│  index.tpl                # 首页模板
│  package.json             # 项目配置
│  README.md                # 项目说明
│  webpack.config.js        # webpack 配置文件
│
├─output                    #上线文件
│  
├─src                       
│  │  app.js                # 启动配置，配置路由，过滤器
│  │  App.vue               # 主vue
│  │  routers.js            # 路由
│  │  
│  ├─assets                 # 静态文件
│  │  ├─css
│  │  ├─images
│  │  └─lib
│  │          
│  ├─components             # 组件
│  ├─view                   # 样式
│  └─views                  # 页面
│