安装21st.dev的组件需要遵循以下标准化流程:
前置准备:
- 确保项目环境已配置Node.js和npm(推荐v16+)
- 使用Next.js或Vite等现代前端框架
- 项目需预先集成React和Tailwind CSS
具体安装步骤:
- 在项目根目录启动终端
- 运行安装命令(以accordion为例):
npx shadcn@latest add "https://21st.dev/r/shadcn/accordion"
- 系统会自动完成:
- 组件代码及依赖项下载
- 创建JSX/CSS文件
- 更新Tailwind配置
- 注入全局样式(如需要)
使用提示:安装后的组件默认位于@/components/ui
目录,可以通过标准React方式导入使用。相比手动复制代码,此方法能确保所有依赖关系正确配置。
この答えは記事から得たものである。21st.dev: React UIコンポーネントを素早く入手して共有するためのオープンソースプラットフォームについて