Mcpe Server

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