MCP Client Server Demo

🚀 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,
  },
})