# vue-template-pc

**Repository Path**: flySnails/vue-template

## Basic Information

- **Project Name**: vue-template-pc
- **Description**: 基于vue-cli和ElementUi的pc端项目模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2018-06-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-template-pc

#### 项目介绍

    基于vue-cli和elementUi的pc端管理后台项目模板

#### 软件架构
1. 基于elementUI的pc端项目模板，目前包括基础：
    >axios：进一步的封装，并将api业务模块变更为自动注册，挂载Vue原型（支持/api/details/:id/，自行设置headers，是否开启相关提示等）
    
    >router：分为asyncMap（通过权限异步添加的路由并于导航栏匹配）、constantRouterMap（固定路由，eg:404、login）
    
    >vuex：同样是模块自动注册，并**弱化mutations**的使用 （_统一使用SET_STATE函数变更状态_） ，全部变更为actions异步执行（可以与自定义mutasions共存啦~已做兼容处理）
    
    >mock：前端自行数据模拟
    
    >components：全局组建，已挂载全局，直接使用，eg：SvgIcon.vue
    
    >directive：常用指令eg：v-img，组建内权限v-permission
    
    >filters：全局filter，目前主要过滤空数据
    
    >icons：简单易用的svg-icon（使用的svg-sprint-loader）
    
    >permission：**花裤衩大神**结合路由meta控制路由权限好用的不行
    
    >mixin：目前只用在了登录页的canvas动画了~~~
        
    >fileUpload 支持base64/form-data上传
    
    >websocket
    
    >SEO优化
    
    >常用函数utils
    
    >代理proxy
    
    >more and more ···

2. 后续会搭建基于Vux移动端项目vue-template-mobile;

3. 后续会分享pc/移动端常用组件，如：地图map、微信weChart、滚动scroll···

5. more···coding···


#### 安装教程

    npm i

#### 使用说明

    npm run dev

#### 打包说明

    npm run build 

   >当前打包已关闭map文件的生成，如需打开自行开启
    
   >前打包已开启gzip文件打包(需要后台支持哦)

#### 查看report

    npm run build --report

#### 参与贡献

   非常感谢 **花裤衩大神** [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin/)