init

使用 init 命令初始化新项目的配置和依赖项。

init 命令会安装依赖项、添加 cn 工具、配置 tailwind.config.js 以及项目的 CSS 变量。

pnpm dlx shadcn-vue@latest init

系统将询问几个问题来配置 components.json：

您希望使用哪种样式？ › New York
您希望使用哪种颜色作为基础颜色？ › Zinc
是否要为颜色使用 CSS 变量？ › 否 / 是

选项

用法：shadcn-vue init [选项] [组件...]

初始化项目并安装依赖项

参数：
  组件                要添加的组件或组件 URL。

选项：
  -d, --defaults    使用默认值，即 new-york、zinc 和 CSS 变量。（默认值：false）
  -f, --force       强制覆盖现有的 components.json。（默认值：false）
  -y, --yes         跳过确认提示。（默认值：false）
  -c, --cwd <cwd>   工作目录。默认为当前目录。
  -h, --help        显示命令帮助信息

add

使用 add 命令向项目中添加组件和依赖项。

pnpm dlx shadcn-vue@latest add [组件]

系统将显示一个组件列表供您选择：

您希望添加哪些组件？ › 按空格选择。按 A 切换全选。
按回车提交。

◯  accordion
◯  alert
◯  alert-dialog
◯  aspect-ratio
◯  avatar
◯  badge
◯  button
◯  calendar
◯  card
◯  checkbox

选项

用法：shadcn-vue add [选项] [组件...]

向项目中添加组件

参数：
  组件                要添加的组件或组件 URL。

选项：
  -y, --yes          跳过确认提示。（默认值：false）
  -o, --overwrite    覆盖现有文件。（默认值：false）
  -c, --cwd <cwd>    工作目录。默认为当前目录。
  -a, --all          添加所有可用组件。（默认值：false）
  -p, --path <path>  添加组件的路径。
  -h, --help         显示命令帮助信息

单体仓库

在单体仓库中，您可以使用 -c 或 --cwd 选项指定工作区路径。

pnpm dlx shadcn-vue@latest init -c ./apps/www

或

pnpm dlx shadcn-vue@latest add alert-dialog -c ./apps/www