# dobrowser-front

**Repository Path**: BDWare/dobrowser-front

## Basic Information

- **Project Name**: dobrowser-front
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-12
- **Last Updated**: 2024-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: fisher
 * @Date: 2023-01-31 19:34:19
 * @LastEditTime: 2023-02-02 18:46:09
 * @LastEditors: your name
 * @Description: 
 * @FilePath: /vite-vue-ts-pc/README.md
 * 可以输入预定的版权声明、个性签名、空行等
-->
## PC端后台管理模板

#### 该模板是基于vue3+vite+ts架构
#### 框架层集成eslint + prettier + husky
#### 集成tailwindcss
### git 提交规则
>`<type>(<scope>): <subject>`

|  类型   | 说明  |
|  ----  | ----  |
| type  | 为必填项，用于指定 commit 的类型 |
| build | 更改构建系统和外部依赖项（如将 gulp 改为 webpack，更新某个 npm 包）|
| ci | 对 CI 配置文件和脚本的更改 |
| docs | 仅仅修改文档说明 |
| feat | 增加一个新特性 |
| fix | 修复一个 bug |
| perf | 更改代码以提高性能 |
| refactor | 代码重构时使用 |
| style | 不影响代码含义的改动，例如去掉空格、改变缩进、增删分号 |
| test | 增加新的测试功能或更改原有的测试模块 |
| 其它 |其他自定义类型：在配置文件新增即可 scope 为非必填项，用于描述改动的影响范围 scope可以是文件名，也可以是模块名，由自己定 subject 是必填项，这次提交的日志信息 |

#### UI组件集成naive-ui, 已实现按需加载样式配置(个人建议在调用三方UI组件时，包一层，方便以后的维护和扩展)


####内部集成axios，axios应用一大牛朋友封装好的，感觉还不错，有兴趣的朋友可看看 [maxios](https://github.com/BboyAwey/maxios/blob/main/maxios/maxios.ts)


#### 内部集成tailwindcss  sass 如果需要自己写  css采用[BEM命名规范]() 

- BEM是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。 BEM由Block、Element、Modifier组成。 选择器里用以下连接符扩展他们的关系：
- `__：双下划线用来连接块和块的子元素
- `- ：仅作为连字符使用，连接块或元素或修饰符的多个单词（也可以直接写成驼峰式）
- --：双中划线用来连接块或元素的状态（也可使用‘_’单下划线表示,本文以'--'方式介绍）
- 示例： block-name_modifier-name block-name__element-name--modifier-name block-name_modifier-name--modifier-value block-name__element-name--modifier-name--modifier-value 代码里能出现的样式组合只能是B B__E B--M B__E--M B__E--M--M,


#### 内部集成i18n方案，应用的是vue-i18n

#### 内部集成全局状态机，应用的是pinia

#### 模版的包管理应用的是pnpm

```javascript
pnpm install
pnpm run dev
pnpm run build:prod
```