🚀 React + TypeScript + Vite 项目
本模板提供了一个最小化配置，可用于在 Vite 中快速启动 React 开发。它支持热模块替换 (HMR) 功能，同时还包含了一些 ESLint 规则，助力开发者高效开展项目。
目前，有两个官方插件可供使用：
- @vitejs/plugin-react：借助 Babel 实现快速刷新。
- @vitejs/plugin-react-swc：利用 SWC 达成快速刷新。
🚀 快速开始
此模板能让你迅速开启 React 开发之旅，利用 Vite 的高效特性，结合热模块替换功能，提升开发效率。
📚 详细文档
扩展 ESLint 配置
若你正在开发生产应用，我们建议更新配置以启用类型感知的 lint 规则，示例代码如下：
export default tseslint.config({
extends: [
// 删除 ...tslint.configs.recommended 并替换成以下内容
...tslint.configs.recommendedTypeChecked,
// 或者使用这个更严格的版本
...tslint.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 特定的代码添加检测规则，示例代码如下：
// 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,
},
})