Claude Artifacts 代码导出与本地运行：React + Tailwind 静态部署教学

在 Claude 右侧生成了精美的网页原型，如何一键打包下载并在本地跑起来甚至部署上线？手把手演示利用 Vite 快速初始化、安装依赖与 Vercel 免费上线的全过程。

4 步本地运行与上线

1. 在 Artifacts 点击 Code 切换至代码，点击 Copy Code；
2. 本地终端使用 npm create vite@latest 初始化 React + TypeScript 工程；
3. 安装 lucide-react 与 tailwindcss，将代码粘贴入 App.tsx 并运行 npm run dev；
4. 将工程推送到 GitHub，关联 Vercel 一键免费部署公网 HTTPS 域名。