首页
/ shadcn-svelte 1.0.0 发布:全面拥抱 Svelte 5 和 Tailwind CSS v4

shadcn-svelte 1.0.0 发布:全面拥抱 Svelte 5 和 Tailwind CSS v4

2025-06-09 20:34:08作者:咎竹峻Karen

shadcn-svelte 是一个基于 Svelte 的 UI 组件库构建工具,它允许开发者通过简单的 CLI 命令将高质量的 UI 组件直接添加到项目中。与传统的组件库不同,shadcn-svelte 采用"复制到项目"的方式,让开发者完全拥有组件的控制权,可以根据项目需求自由定制。

重大更新:Svelte 5 支持

本次 1.0.0 版本最重要的变化是全面支持 Svelte 5。Svelte 5 是 Svelte 框架的重大更新,引入了全新的运行机制和优化特性。shadcn-svelte 1.0.0 版本确保所有组件都能与 Svelte 5 完美兼容,让开发者可以立即享受 Svelte 5 带来的性能提升和开发体验改进。

Tailwind CSS v4 适配

除了 Svelte 5 支持外,1.0.0 版本还适配了 Tailwind CSS v4。Tailwind CSS v4 带来了许多新特性和改进,包括更快的构建速度、更智能的 JIT 引擎以及新的实用工具类。shadcn-svelte 确保所有组件样式都能在 Tailwind CSS v4 环境下正常工作。

核心改进

路径别名增强

1.0.0 版本对路径别名系统进行了多项改进:

  • 新增了对 import maps 的支持,为项目配置提供了更多灵活性
  • 确保路径别名解析的正确性,修复了之前版本中可能出现的路径解析问题
  • 自动去除路径别名中的尾部斜杠,保证路径一致性

组件更新机制优化

新的更新命令 (update) 现在能够更可靠地更新项目中的组件:

  • 修复了更新过程中可能出现的组件更新不完整问题
  • 确保 utils.(js|ts) 文件不会被错误地从注册表中重新获取
  • 正确处理 uihooks 路径的规范化

错误处理和用户体验

1.0.0 版本改进了错误处理和用户提示:

  • 添加了更清晰的错误信息,特别是在获取注册表或基础颜色失败时
  • 在初始化时默认指向 Tailwind CSS v3 的子域名,确保兼容性
  • 显示包管理器的安装过程输出,让开发者更清楚地了解依赖安装状态

TypeScript 支持增强

  • 新增了可定制的 typescript.config 路径选项,允许开发者指定 TypeScript 配置文件的位置
  • 修复了类型剥离过程中的 ES 转换问题,确保代码生成质量

新特性:注册表样式支持

1.0.0 版本引入了 registry:style 类型支持,扩展了注册表的功能范围。这使得开发者可以通过注册表机制管理样式资源,进一步统一项目的视觉风格。

开发者体验优化

  • 修复了可能导致缓存问题而无法获取正确注册表的情况
  • 确保 svelte-kit sync 命令在本地正确执行
  • 改进了依赖版本评估机制,直接从 node_modules 解析依赖版本
  • 优化了组件安装列表的显示格式,移除了多余的逗号

总结

shadcn-svelte 1.0.0 是一个重要的里程碑版本,它不仅带来了对 Svelte 5 和 Tailwind CSS v4 的支持,还大幅提升了工具的稳定性和开发者体验。通过这一版本,开发者可以更高效地构建现代化、高性能的 Svelte 应用界面,同时保持对组件代码的完全控制权。无论是新项目还是现有项目升级,1.0.0 版本都提供了更可靠、更灵活的工具支持。

登录后查看全文
热门项目推荐

热门内容推荐

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
176
260
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
858
507
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
182
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
255
299
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
331
1.08 K
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
397
370
note-gennote-gen
一款跨平台的 Markdown AI 笔记软件,致力于使用 AI 建立记录和写作的桥梁。
TSX
83
4
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
kernelkernel
deepin linux kernel
C
21
5