Figma MCP Oneshot
F

Figma MCP Oneshot

React + TypeScript + Vite 的模板項目,提供快速啟動和開發環境配置
2分
4.9K

什麼是React + TypeScript + Vite模板?

這是一個預先配置好的開發環境,結合了React框架、TypeScript類型系統和Vite構建工具,為開發者提供快速啟動項目的基礎設施。

如何使用這個模板?

通過克隆或下載模板後,運行npm install安裝依賴,然後使用npm run dev啟動開發服務器。

適用場景

適合需要快速啟動React項目並希望獲得類型安全和高效構建體驗的開發者,特別是中小型前端項目。

主要功能

快速刷新(HMR)
通過Babel或SWC實現極快的模塊熱替換,提升開發體驗
TypeScript集成
內置TypeScript支持,提供類型檢查和更好的代碼提示
ESLint配置
預置ESLint規則,幫助保持代碼質量和一致性
優勢
極快的啟動和構建速度
開箱即用的TypeScript支持
現代化的開發體驗
可擴展的ESLint配置
侷限性
對傳統瀏覽器支持需要額外配置
大型項目可能需要定製化配置
某些舊版React庫可能需要適配

如何使用

創建新項目
使用Vite命令行工具創建新項目
安裝依賴
進入項目目錄並安裝所需依賴
啟動開發服務器
運行開發命令啟動本地服務器

使用案例

創建React組件
使用TypeScript創建類型安全的React組件
配置ESLint
擴展ESLint配置以啟用更嚴格的類型檢查規則

常見問題

我應該選擇Babel還是SWC插件?
如何添加React特定的lint規則?
這個模板支持React 18嗎?

相關資源

Vite官方文檔
Vite構建工具的完整文檔
TypeScript手冊
學習TypeScript的官方資源
React文檔
React框架的官方文檔
GitHub倉庫
模板的源代碼倉庫

安裝

複製以下命令到你的Client進行配置
注意:您的密鑰屬於敏感信息,請勿與任何人分享。

替代品

M
MCP
微軟官方MCP服務器,為AI助手提供最新微軟技術文檔的搜索和獲取功能
9.3K
5分
A
Aderyn
Aderyn是一個開源的Solidity智能合約靜態分析工具,由Rust編寫,幫助開發者和安全研究人員發現Solidity代碼中的漏洞。它支持Foundry和Hardhat項目,可生成多種格式報告,並提供VSCode擴展。
Rust
5.1K
5分
D
Devtools Debugger MCP
Node.js調試器MCP服務器,提供基於Chrome DevTools協議的完整調試功能,包括斷點設置、單步執行、變量檢查和表達式評估等
TypeScript
5.5K
4分
S
Scrapling
Scrapling是一個自適應網頁抓取庫,能自動學習網站變化並重新定位元素,支持多種抓取方式和AI集成,提供高性能解析和開發者友好體驗。
Python
8.1K
5分
M
Mcpjungle
MCPJungle是一個自託管的MCP網關,用於集中管理和代理多個MCP服務器,為AI代理提供統一的工具訪問接口。
Go
0
4.5分
C
Cipher
Cipher是一個專為編程AI代理設計的開源記憶層框架,通過MCP協議與各種IDE和AI編碼助手集成,提供自動記憶生成、團隊記憶共享和雙系統記憶管理等核心功能。
TypeScript
0
5分
N
Nexus
Nexus是一個AI工具聚合網關,支持連接多個MCP服務器和LLM提供商,通過統一端點提供工具搜索、執行和模型路由功能,支持安全認證和速率限制。
Rust
0
4分
S
Shadcn Ui MCP Server
一個為AI工作流提供shadcn/ui組件集成的MCP服務器,支持React、Svelte和Vue框架,包含組件源碼、示例和元數據訪問功能。
TypeScript
11.2K
5分
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
28.0K
4.5分
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
19.9K
5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
66.9K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
21.3K
4.5分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
15.6K
5分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
12.5K
4.5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
16.7K
4.8分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
47.0K
4.7分
AIBase
智啟未來,您的人工智慧解決方案智庫
© 2025AIBase