vite-react-mcp

vite-react-mcpは、Reactアプリケーションのコンテキストを理解するためのMCPサーバーを作成するViteプラグインです。主な機能には、特定のコンポーネントのハイライト、プロパティや状態をJSON形式で取得、コンポーネントツリーの表示、不要な再レンダリングの特定などがあります。これにより、開発者はアプリのパフォーマンスを最適化しやすくなります。

GitHubスター

130

ユーザー評価

未評価

お気に入り

0

閲覧数

29

フォーク

14

イシュー

2

インストール方法
難易度
中級
推定所要時間
10-20

インストール方法

インストール方法

前提条件

必要なソフトウェアとバージョンを明記してください。
Node.js: 18.0.0以上
npm: 8.0.0以上

インストール手順

1. リポジトリのクローン

bash
git clone https://github.com/jazelly/vite-react-mcp
cd vite-react-mcp

2. 依存関係のインストール

bash
pnpm install vite-react-mcp -D
pnpm install @babel/preset-react

3. サーバーの起動

bash
npm start

トラブルシューティング

よくある問題

問題: サーバーが起動しない 解決策: Node.jsのバージョンを確認し、依存関係を再インストールしてください。 問題: ツールがブラウザで認識されない 解決策: Viteの設定を確認してください。

追加リソース