框架

Vite

Nuxt

Astro

Laravel

TypeScript

此项目和组件是使用 TypeScript 编写的。我们也推荐在你的项目中使用 TypeScript。

不过，我们也提供了 JavaScript 版本的组件。JavaScript 版本可以通过 命令行界面 获得。

要取消 TypeScript，可以在你的 `components.json` 文件中使用 `typescript` 标志。

{
  "style": "default",
  "tailwind": {
    "config": "tailwind.config.js",
    "css": "src/app/globals.css",
    "baseColor": "zinc",
    "cssVariables": true
  },
  "typescript": false,
  "aliases": {
    "utils": "~/lib/utils",
    "components": "~/components"
  }
}

要配置导入别名，可以使用以下 `jsconfig.json`

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./*"]
    }
  }
}

VSCode 扩展

安装 shadcn-vue 扩展，该扩展由 @selemondev 提供，可以在 Visual Studio Code 中，将 Shadcn Vue 组件轻松添加到你的项目中。

此扩展提供一系列功能

• 能够初始化 Shadcn Vue CLI
• 安装组件
• 打开文档
• 直接从 IDE 导航到特定组件的文档页面。
• 用于快速而直接的组件导入和标记处理的便捷代码片段。