React + TypeScript + Vite

Name: React + TypeScript + Vite
Author: Yuyz0112

本地服务

github.com/Yuyz0112开发工具690 周前更新

代码仓库

关于 React + TypeScript + Vite

供开发者启动 Web 应用的 React、TypeScript 和 Vite 基础模板，包含热模块替换和基础 ESLint 配置。

主要功能

01React 与 TypeScript 起始配置
02支持 HMR 的 Vite 开发服务器
03基础 ESLint 规则

适用场景

01启动 React 与 TypeScript 项目
02使用热模块替换进行开发
03通过 ESLint 检查代码

#react #typescript #vite #demo #template

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址，请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

React + TypeScript + Vite

此模板提供了一个最简配置，让 React 在 Vite 中运行，并支持 HMR 和一些 ESLint 规则。

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

@vitejs/plugin-react 使用 Babel 实现快速刷新
@vitejs/plugin-react-swc 使用 SWC 实现快速刷新

扩展 ESLint 配置

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

按如下方式配置顶层的 parserOptions 属性：

export default tseslint.config({
  languageOptions: {
    // other options...
    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({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})

支持 Markdown

登录后评论