# vite-admin-template

**Repository Path**: qing_321/vite-admin-template

## Basic Information

- **Project Name**: vite-admin-template
- **Description**: vite react admin 基础构建
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-09-08
- **Last Updated**: 2025-07-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基础

集成页面权限 √  
集成 tailwindcss √  
集成 sass √  
集成 axios √  
支持跨域代理 √  
支持 require 引入 √
.tsx 中支持`@`方式引入文件 √  
.scss 中支持`~/`方式引入文件 √

# 扩展

集成 eslint √
加入 vite-plugin-react-inspector √
集成按钮权限  
集成动态路由

# 构建

hash 路由 √

# commit msg 模板

`feat`：新功能（feature）  
`fix`：修补 bug  
`docs`：文档（documentation）  
`style`： 格式（不影响代码运行的变动）  
`refactor`：重构（即不是新增功能，也不是修改 bug 的代码变动）  
`test`：增加测试  
`chore`：构建过程或辅助工具的变动  
`scope`：用于说明 commit 影响的范围，比如数据层、控制层、视图层等等。  
`subject`：是 commit 目的的简短描述，不超过 50 个字符  
`build`：打包

# FAQ

1. 用什么工具安装依赖？  
   `cnpm` `yarn` `pnpm` 都可以，建议用`pnpm`，UAT 的打包依赖工具用的 pnpm

2. pnpm 如何安装？  
   `npm intall pnpm -g`

3. MAC eslint 配置失败？  
   将[commit-msg](.husky%2Fcommit-msg) [pre-commit](.husky%2Fpre-commit) 文件的编码格式设置为`LF`。
   在进行 git 设置`git config --global core.autocrlf input` 表示不自动转换换行符
4. 本地开发正常，UAT 打包却失败？  
   检查本地的`eslint`是否配置成功，因为`vite`打包较为严格，如果`eslint`上暴露出来问题不解决，`vite`是打包不成功的
   所以 eslint 的提交拦截务必请开启