当前位置:首页 > 下载列表 > shadcnui-snippet

shadcnui-snippet 0.0.5

ShadcnuiSnippet是一款为ShadcnuiUI组件设计的VisualStudioCode扩展,旨在通过快速插入可重用的代码片段来提升您的React开发效率。该扩展基于Shadcnui的官方文档,提供组件的主体代码,您可以根据需求添加相应的props,并需要从Shadcnui导入组件。主要功能:多样化代码片段:涵盖了Shadcnui的众多组件,如Accordion、Alert、
分类:   下载/工具 · 工具软件 来源:  点击进入 版本:  0.0.5
日期:  2025-07-07 人气:   大小:  
标签:   __web_extension snippet
点击下载 相关下载
功能介绍

Shadcnui Snippet是一款为Shadcnui UI组件设计的Visual Studio Code扩展,旨在通过快速插入可重用的代码片段来提升您的React开发效率。该扩展基于Shadcnui的官方文档,提供组件的主体代码,您可以根据需求添加相应的props,并需要从Shadcnui导入组件。

主要功能:

  • 多样化代码片段: 涵盖了Shadcnui的众多组件,如Accordion、Alert、Button、Calendar、Card等,满足您在不同场景下的开发需求。
  • 支持多种语言: 支持JavaScript、TypeScript、JavaScript React和TypeScript React等多种语言,适用于不同开发环境。
  • 简化开发流程: 通过输入组件的前缀并按Tab键,即可快速插入代码片段,并根据需要填写自定义部分,极大地简化了开发流程。

安装步骤:

  1. 打开Visual Studio Code。
  2. 点击窗口侧边的活动栏中的扩展图标,或使用快捷键Ctrl Shift X,进入扩展视图。
  3. 在扩展视图的搜索框中搜索"shadcnui-snippet"。
  4. 点击"安装"按钮完成安装。

使用方法:

  1. 打开支持的文件类型(如JSX、JS、TS、TSX)。
  2. 输入Shadcnui组件片段的前缀(例如sc-button)。
  3. 按Tab键展开片段,并填写自定义部分的占位符。

支持的Shadcnui组件:

  • sc-accordion - Shadcnui Container组件
  • sc-alert - Shadcnui Alert组件
  • sc-alert-error - Shadcnui Alert Error组件
  • sc-alert-dialog - Shadcnui Alert Dialog组件
  • sc-aspect-ratio - Shadcnui Aspect Ratio组件
  • sc-avatar - Shadcnui Avatar组件
  • sc-badge - Shadcnui Badge组件
  • sc-breadcrumb - Shadcnui Breadcrumb组件
  • sc-button - Shadcnui Button组件
  • sc-button-secondary - Shadcnui Button Secondary组件
  • sc-button-destructive - Shadcnui Button Destructive组件
  • sc-button-outline - Shadcnui Button Outline组件
  • sc-calendar - Shadcnui Calendar组件
  • sc-card - Shadcnui Card组件
  • sc-carousel - Shadcnui Carousel组件
  • sc-carousel-vertical - Shadcnui Carousel Vertical组件
  • sc-checkbox - Shadcnui Checkbox组件
  • sc-collapsible - Shadcnui Collapsible组件
  • sc-combobox - Shadcnui Combobox组件
  • sc-command - Shadcnui Command组件
  • sc-context-menu - Shadcnui Context Menu组件
  • sc-datepicker - Shadcnui Date Picker组件
  • sc-dialog - Shadcnui Dialog组件
  • sc-drawer - Shadcnui Drawer组件
  • sc-dropdown - Shadcnui Dropdown组件
  • sc-form - Shadcnui Form组件
  • sc-hovercard - Shadcnui Hovercard组件
  • sc-grid - Shadcnui Grid组件
  • sc-input - Shadcnui Input组件
  • sc-input-otp - Shadcnui Input OTP组件
  • sc-input-label - Shadcnui Input Label组件
  • sc-menubar - Shadcnui Menubar组件
  • sc-navigation-menu - Shadcnui Navigation Menu组件
  • sc-pagination - Shadcnui Pagination组件
  • sc-popover - Shadcnui Popover组件
  • sc-progress - Shadcnui Progress组件
  • sc-radiogroup - Shadcnui Radio Group组件
  • sc-resize-group - Shadcnui Resize Group组件
  • sc-scrollarea - Shadcnui Scroll Area组件
  • sc-select - Shadcnui Select组件
  • sc-separator - Shadcnui Separator组件
  • sc-sheet - Shadcnui Sheet组件
  • sc-skeleton - Shadcnui Skeleton组件
  • sc-slider - Shadcnui Slider组件
  • sc-sonner - Shadcnui Sonner组件
  • sc-switch - Shadcnui Switch组件
  • sc-table - Shadcnui Table组件
  • sc-tabs - Shadcnui Tabs组件
  • sc-textarea - Shadcnui Textarea组件
  • sc-toast - Shadcnui Toast组件
  • sc-toggle - Shadcnui Toggle组件
  • sc-toggle-group - Shadcnui Toggle Group组件
  • sc-tooltip - Shadcnui Tooltip组件

如果您发现任何缺失的组件,请随时提交issue或Pull Request。

Shadcnui Snippet将助力您更高效地进行React开发,享受编程的乐趣!

版本声明
本文转载于:https://marketplace.visualstudio.com/items?itemName=emranweb.shadcnui-snippet 如有侵犯,请联系study_golang@163.com删除
查看更多
课程推荐
  • Golang云原生架构师课程
    Golang云原生架构师课程
    Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
    204次学习
  • MySQL数据管理之备份恢复案例解析视频教程
    MySQL数据管理之备份恢复案例解析视频教程
    《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
    160次学习
  • MySQL索引优化解决方案
    MySQL索引优化解决方案
    本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成,主要讲述了MySQL索引优化的解决方案,非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
    182次学习
  • 极客学院Docker视频教程
    极客学院Docker视频教程
    Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎,源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热,无论是从github上的代码活跃度,还是各大厂商的支持,都使Docker成为了时下最受关注的技术,甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
    243次学习
  • Golang进阶实战编程
    Golang进阶实战编程
    本课程是在《Go语言基础视频》基础之上录制的,是Go语言基础的后半部分。包括包的管理,IO操作,Go语言最大的亮点:高并发,goroutine,channel,反射等。本视频主要为了帮助Go语言的初学者,从零到一的快速入门。学完本套课程,可以学会如果通过包管理Go项目,并发模型,以及并发实现,channel通道如何传递数据,反射等等。
    127次学习
  • JavaScript极速入门
    JavaScript极速入门
    本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了,让你学习0压力,适合新手观看学习......
    431次学习
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码