# vueWebapp

**Repository Path**: feelslive/vueWebapp

## Basic Information

- **Project Name**: vueWebapp
- **Description**: 移动端H5积分商城 (vue+vue-ruoter+webpack)
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-03-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于vue1.0开发的移动端H5积分商城项目
``` bash
基于vue@1.0开发的移动端H5积分商城项目
vue
vue-ruoter
vue-resource
webpack
```

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

## 示例

[demo传送门](https://dodov.github.io/vue.html)
<p><img src="gif/demo.gif" width="375" height="667"></p>


## 运行

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


``` bash
npm install
cnpm install [前提安装了淘宝源](http://npm.taobao.org/)
```

``` bash
npm run dev   ----- localhost:8080  
npm run ip    ----- 本机ip:9000
npm run build ----- 打包项目
```

## mock.js
使用[Mock.js](http://mockjs.com/)模拟数据
```bash
# 安装
npm install mockjs --save
```


## 目录结构
<pre>

│  .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                  # 页面
│           

</pre>