Mcpe Server

🚀 React + TypeScript + Vite テンプレート

このテンプレートは、Vite で迅速に React 開発を開始するための最小限の設定を提供します。また、ホットモジュール置換 (HMR) といくつかの ESLint ルールもサポートしています。

現在、2つの公式プラグインを使用できます。

• @vitejs/plugin-react：Babel を使用したクイックリフレッシュ
• @vitejs/plugin-react-swc：SWC を使用したクイックリフレッシュ

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