🚀 React + TypeScript + Vite

本模板为使用Vite快速开启React项目提供了最小化配置，具备HMR（热模块替换）功能，并附带了一些ESLint规则。

目前有两个官方插件可供使用：

• @vitejs/plugin-react：借助 Babel 实现快速刷新。
• @vitejs/plugin-react-swc：利用 SWC 实现快速刷新。

🚀 快速开始

此模板为使用Vite快速搭建React项目提供了基础配置，具有HMR（热模块替换）功能和部分ESLint规则。

✨ 主要特性

• 提供使用Vite快速入门React的最小化设置。
• 支持HMR（热模块替换）。
• 附带一些ESLint规则。
• 有两个官方插件可供选择以实现快速刷新。

📚 详细文档

扩展ESLint配置

若你正在开发生产应用，建议更新配置以启用类型感知的lint规则：

配置 parserOptions

在顶级 parserOptions 属性中进行如下设置：

export default tseslint.config({
  languageOptions: {
    // 其他选项...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})

替换推荐配置

将 tslint.configs.recommended 替换为 tslint.configs.recommendedTypeChecked 或 tslint.configs.strictTypeChecked。

可选配置

可选地添加 ...tslint.configs.stylisticTypeChecked。

安装并更新 eslint-plugin-react

安装 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,
  },
})