JavaScript 支持

如何在 shadcn/ui 中使用 JavaScript。

本项目及其组件均使用 TypeScript 编写。我们强烈建议你也为项目使用 TypeScript。

不过，我们也提供了组件的 JavaScript 版本。JavaScript 版本可通过 CLI 获得。

启用 JavaScript

要选择不使用 TypeScript，请在 components.json 文件中设置 tsx 标志为 false：

json复制
{
  "tsx": false
}

设置后，CLI 添加的组件将以 .jsx 扩展名生成，而非 .tsx。

配置导入别名

使用 JavaScript 时，可通过以下 jsconfig.json 配置导入别名：

json复制
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

baseUrl 和 paths 的配置应与 components.json 中的别名设置保持一致，确保组件导入路径正确解析。

推荐： TypeScript 提供了类型安全和更好的开发体验。除非有特殊需求，建议始终使用 TypeScript。