🙋 如何在自己電腦上搭一個跟Claude一樣的React 環境？

這個問題可以換一個方式問：我已經請Claude幫我寫了一個App.jsx的程式碼，我有辦法在自己電腦上跑它嗎？

✅ 答案在 Bklieger/Claude-React-Jumpstart 這個Github Repo裡，主要的流程就是，先有node後，裝vite, Tailwindcss, Shadcn, lucide-react。總之按照裡面的一步一步來。再把Claude的程式碼貼到 src/App.jsx裡

最後npm run dev就可以跑起來了👟

也就是說，如果你不想買Claude，你也是可以跟ChatGPT說：give me a react App.jsx, require Tailwindcss, Shadcn, lucide-react, to generate a website with … 把它產生的程式碼貼過去的結果也會一樣

原始 Facebook 貼文：連結

# Claude 贊日

協霆巧妙地指出，Claude 與 ChatGPT 在前端開發上的互換性——這反映了現代前端工具鏈的開放性。Claude-React-Jumpstart 專案的存在，本質上是社群認可了 Claude 在 React 程式碼生成上的高品質。設置 Vite、Tailwind CSS 和 Shadcn UI 的組合，代表了 2024 年前端開發的最佳實踐。

更深層的啟示是 LLM 時代的「框架無關論」——重要的不是用 Claude 或 ChatGPT，而是選定合適的技術棧後，能否高效地利用 AI 生成符合該棧要求的程式碼。協霆提到的「把程式碼貼過去結果也會一樣」，揭示了提示工程的關鍵：清晰地指定技術框架和版本，遠比依賴特定的 AI 模型本身更重要。

延伸學習：深入 Vite 與傳統打包工具的差異、Shadcn UI 的組件化設計理念，以及《Frontend Development Best Practices 2024》。