🚀 React + TypeScript + Vite
本模板为在Vite中使用React提供了最小化的配置，同时启用了热模块替换（HMR）功能，并包含了一些ESLint规则，能有效提升开发效率与代码质量。
目前有两个官方插件可供使用：
- @vitejs/plugin-react：借助Babel实现快速刷新。
- @vitejs/plugin-react-swc：利用SWC实现快速刷新。
🚀 快速开始
如果你正在开发生产应用，建议更新配置以启用类型感知的lint规则，示例代码如下：
export default tseslint.config({
extends: [
// 移除 ...tseslint.configs.recommended 并替换为此
...tseslint.configs.recommendedTypeChecked,
// 或者使用此选项以获得更严格的规则
...tseslint.configs.strictTypeChecked,
// 可选地，添加此选项以获取样式规则
...tslint.configs.stylisticTypeChecked,
],
languageOptions: {
// 其他选项...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
},
})
此外，你还可以安装eslint-plugin-react-x和eslint-plugin-react-dom，以获取React特定的lint规则，示例代码如下：
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'
export default tseslint.config({
plugins: {
// 添加react-x和react-dom插件
'react-x': reactX,
'react-dom': reactDom,
},
rules: {
// 其他规则...
// 启用其推荐的typescript规则
...reactX.configs['recommended-typescript'].rules,
...reactDom.configs.recommended.rules,
},
})