Cbt MCP Playground

Vite和HeroUI模板

这是一个使用Vite和HeroUI（v2）创建应用程序的模板。

在CodeSandbox上试试

使用的技术

• 维特
• Heroui
• 顺风CSS
• 顺风变体
• TypeScript
• 帧运动

如何使用

要克隆项目，请运行以下命令：

git clone https://github.com/heroui-inc/vite-template.git

安装依赖项

你可以使用其中一个 npm, yarn, pnpm, bun，示例使用 npm:

npm install

配置环境变量

更新 .env.development （以及 .env.production 如果需要）文件，其中包含MCP API的基本URL：

VITE_MCP_BASE_URL=http://localhost:8080

应用程序通过以下方式读取此值 import.meta.env，因此在进行更改后重新启动开发服务器。

运行开发服务器

npm run dev

设置pnpm（可选）

如果您正在使用 pnpm，您需要将以下代码添加到您的 .npmrc 文件：

public-hoist-pattern[]=*@heroui/*

修改后 .npmrc 文件，你需要运行 pnpm install 再次确保依赖项安装正确。

许可证

根据 MIT许可证.