Shadcnui Snippet是一款为Shadcnui UI组件设计的Visual Studio Code扩展，旨在通过快速插入可重用的代码片段来提升您的React开发效率。该扩展基于Shadcnui的官方文档，提供组件的主体代码，您可以根据需求添加相应的props，并需要从Shadcnui导入组件。
主要功能：
- 多样化代码片段： 涵盖了Shadcnui的众多组件，如Accordion、Alert、Button、Calendar、Card等，满足您在不同场景下的开发需求。
- 支持多种语言： 支持JavaScript、TypeScript、JavaScript React和TypeScript React等多种语言，适用于不同开发环境。
- 简化开发流程： 通过输入组件的前缀并按Tab键，即可快速插入代码片段，并根据需要填写自定义部分，极大地简化了开发流程。
安装步骤：
- 打开Visual Studio Code。
- 点击窗口侧边的活动栏中的扩展图标，或使用快捷键Ctrl Shift X，进入扩展视图。
- 在扩展视图的搜索框中搜索"shadcnui-snippet"。
- 点击"安装"按钮完成安装。
使用方法：
- 打开支持的文件类型（如JSX、JS、TS、TSX）。
- 输入Shadcnui组件片段的前缀（例如sc-button）。
- 按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开发，享受编程的乐趣！
本站所有资源都是由网友投稿发布，或转载各大下载站，
请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则
产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：study_golang@163.com
