# vue3+vite+ts构造大型系统

**Repository Path**: SongTaoo/vue3

## Basic Information

- **Project Name**: vue3+vite+ts构造大型系统
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-04-10
- **Last Updated**: 2024-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 活动系统后台架构
**vue3+typescript+vite+pinia+vue-router@4构建完成**

配置eslint+prettier做格式和代码校验

### 版本提交使用cz-customizable模块进行规范约束

每次提交代码时需先执行git add . 

然后执行npm run commit 选择对应的提示，补充信息提交

### 项目配置了vueuse函数库
[https://vueuse.org/](url)

### 项目使用pinia做为全局状态存储
[https://pinia.web3doc.top/introduction.html](url)

### 项目使用vue-router4构建路由
[https://router.vuejs.org/zh/introduction.html](url)
### 项目使用element-plus作为ui库
[https://element-plus.gitee.io/zh-CN/component/button.html](url)

### 使用axios作为http请求的构建工具
目录src/rquerst/xx


### 开发规范
1：每个vue文件的style都应写上scoped避免出现样式污染，如需要覆盖element-ui样式可使用下面的方法 

```js
:deep(.el-step__line) {
    display: none;
}
:deep(.is-finish > .el-step__icon) {
    background: var(--el-color-primary);
    color: #fff;
}
```
2：严禁src文件夹下面出现以.js结尾的函数

3：所有的公用组件放到components文件夹下面，并且公用组件需要严格执行ts规范，有对应的类型声明，参考pagination组件,一些些死的公用数据统一放到utils/config.ts下面

4：所有的搜索项目，使用layout响应式布局，所有的table表格应尽可能的写上宽度，避免分辨率小的电脑挤到一起

5：form表单在声明变量时，应尽可能的写上类型，如不想写类型可使用any约束，但必须要有，否则打包时vue-tsc检测过不去，无法完成打包

6：页面开发时尽可能的组件化，粒度尽可能的小，如果一个页面有搜索，表格，分页，则拆分成对应的三个组件，粒度做小，拆分出来的非公用组件在当前文件夹下面新建components文件夹，放到该文件夹下面