# Vue2-Common-Template

**Repository Path**: weiyueshiyi/vue2-common-template

## Basic Information

- **Project Name**: Vue2-Common-Template
- **Description**: 集成：- webpack5,vue2,less,sa(c)ss,element-ui,axios,vuex,vue-router,eslint,echarts
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-30
- **Last Updated**: 2022-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex, webpack, Element-UI, 后台管理系统

## README

## 技术架构
> *webpack v5* + *Vue v2* + *less* + *Sa(c)ss* + *ElementUi* + *Axios* + *Vuex* + *VueRouter* + *Eslint*

## 文件目录说明
+ src 存放Vue相关业务代码
    + > api 全局公共请求方法
    + > assets 静态资源文件
    + > components 全局公共组件
    + > i18n 国际化相关
    + > router 路由文件
    + > store 存放公共vuex
    + > styles 存放公共样式
    + > utils 工具集
+ build webpack相关配置

## 开发

`npm i` 安装依赖包 | `npm i -f` 强制安装依赖包

`npm start` 本地开发调试

`npm run build` 本地 / 线上编译，生成静态的 html 页面（dist 目录）

## 开发规范
> 1.由于多人协作开发，项目中配置了Lint工具,请按照规范开发。除极个别情况，不可以在业务代码中使用 `eslint-disable` 的方式跳过 `eslint` 校验规则

> 2.多个单词组成的文件名使用大驼峰方式命名,类名使用短横线分割命名（kebab-case）,命名是复数的时候需要加s,请求数据方法以 data 结尾(init、refresh 单词除外),函数方法尽量使用常用动词开头

> 3.全局业务组件归置于src/components下,局部组件归置于当期文件夹下/components下,组件尾单词以业务/UI 组件名称命名,如：Module,Table等

> 4.单个页面/组件文件，代码量控制在 700 行左右，超过该数目，请适当对业务内容进行拆分。在样式不互斥的情况下可单独抽出,行业样式不可超出两个(注：条件不允许的情况下，不必为了封装而封装)

> 5.改项目配置了Rem方案,如需使用则参考REMLOG.md文件

> 6.在view/下的主文件夹下需建立相对应的.md文件并附上文件说明,新文件产生需及时标记

> 7.每个请求方法需标明功能说明