# vue3_admin_template

**Repository Path**: jingzhe_1/vue3_admin_template

## Basic Information

- **Project Name**: vue3_admin_template
- **Description**: 硅谷甄选：按照尚硅谷教程学习：
   尚硅谷Vue项目实战硅谷甄选，vue3项目+TypeScript前端项目一套通关
   https://www.bilibili.com/video/BV1Xh411V7b5
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-08-02
- **Last Updated**: 2025-01-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite

这个模板可以帮助你开始在Vite中使用Vue 3和TypeScript进行开发。
该模板使用Vue 3 \<script setup> sfc，查看[script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup)了解更多信息。

## 推荐的IDE设置

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

按照尚硅谷教程学习: 
   [尚硅谷Vue项目实战硅谷甄选，vue3项目+TypeScript前端项目一套通关](https://www.bilibili.com/video/BV1Xh411V7b5)


commitlint-git提交时的注释需要增加关键字:
配置结束，现在当我们填写`commit`信息的时候，前面就需要带着下面的`subject`
```
'feat',//新特性、新功能
'fix',//修改bug
'docs',//文档修改
'style',//代码格式修改, 注意不是 css 修改
'refactor',//代码重构
'perf',//优化相关，比如提升性能、体验
'test',//测试用例修改
'chore',//其他修改, 比如改变构建流程、或者增加依赖库、工具等
'revert',//回滚到上一个版本
'build',//编译相关的修改，例如发布版本、对项目构建或者依赖的改动
```

这些注释都是用于TypeScript 代码中的类型检查。 他们的作用是控制编译器对特定代码段的类型检查行为。

> ` @ts-check  `  :  这是一个指令，用于告诉TypeScript编译器在当前文件中启用类型检查。
> 如果没有该指令，TypeScript编译器将默认不执行类型检查。 

> ` @ts-expect-error  `  :  这个指令用于标记某些代码段并告诉编译器该处应该
> 产生一个类型错误。如果编译器没有发出类型错误的警告，将会报告一个编译错误。

> ` @ts-ignore ` :   这个指令用于告诉编译器忽略下一个行或表达式的类型检查。
> 在某些情况下，可能会遇到无法消除的类型错误或者需要暂时忽略类型错误的情况下使用。

> ` @ts-nocheck ` :  这个指令用于告诉TypeScript编译器不在当前文件中执行类型检查。
> 与 ` @ts-check  `   相反，它可以用于临时禁用类型检查。 需要注意的是，
> 过度使用这些指令可能会导致类型错误在代码中被忽略，从而可能引入潜在的问题。
> 因此，建议在使用这些指令时谨慎并仔细考虑。