这个模板提供了一个最小的设置，让 React 在 Vite 中工作，并带有 HMR 和一些 ESLint 规则。
目前有两个官方插件可用：
- @vitejs/plugin-react 使用 Babel 进行快速刷新
- @vitejs/plugin-react-swc 使用 SWC 进行快速刷新
如果您正在开发生产应用程序，我们建议更新配置以启用类型感知的 lint 规则：
- 配置顶级
parserOptions属性，如下所示：
export default tseslint.config({
languageOptions: {
// 其他选项...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
},
})- 将
tseslint.configs.recommended替换为tseslint.configs.recommendedTypeChecked或tseslint.configs.strictTypeChecked - 可选添加
...tseslint.configs.stylisticTypeChecked - 安装 eslint-plugin-react 并更新配置：
// eslint.config.js
import react from 'eslint-plugin-react'
export default tseslint.config({
// 设置 React 版本
settings: { react: { version: '18.3' } },
plugins: {
// 添加 React 插件
react,
},
rules: {
// 其他规则...
// 启用其推荐规则
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules,
},
})