NgBootstrap Snippets:Visual Studio Code 中的 Angular Bootstrap 4 代码片段
NgBootstrap Snippets 是一款专为 Visual Studio Code 设计的扩展程序,提供了一系列 NgBootstrap(Angular Bootstrap 4)代码片段,帮助开发者快速构建用户界面。
使用方法
在 Visual Studio Code 中,输入 ngb 即可查看所有可用的代码片段列表。选择您需要的片段后,按下回车键,代码片段将自动展开,方便您快速使用。
可用的代码片段
以下是 NgBootstrap Snippets 提供的一些主要代码片段:
触发词 | 描述 |
---|---|
ngb-accordion | 手风琴 |
ngb-alert | 警报 |
ngb-btn | 按钮 |
ngb-btn-outline | 轮廓按钮 |
ngb-carousel | 轮播图 |
ngb-checkbox | 复选框(默认) |
ngb-checkbox-btn | 复选框 - 按钮样式 |
ngb-checkbox-custom | 复选框 - 自定义样式 |
ngb-checkbox-inline | 复选框 - 默认内联 |
ngb-checkbox-group | 复选框按钮组 |
ngb-collapse | 折叠 |
ngb-datepicker | 日期选择器 |
ngb-datepicker-popup | 日期选择器弹出框 |
ngb-dropdown | 下拉菜单 |
ngb-pagination | 分页 |
ngb-modal | 模态框 |
ngb-popover-placement | 气泡提示 - 位置 |
ngb-progressbar | 进度条 |
ngb-radio | 单选按钮(默认) |
ngb-radio-btn | 单选按钮 - 按钮样式 |
ngb-radio-custom | 单选按钮 - 自定义样式 |
ngb-radio-inline | 单选按钮 - 默认内联 |
ngb-radio-group | 单选按钮组 |
ngb-rating | 评分 |
ngb-rating-readonly | 评分(只读) |
ngb-tab | 标签页 |
ngb-tab-custom-title | 标签页(自定义标题) |
ngb-tabset | 标签页集 |
ngb-tabset-justify | 标签页集 - 居中对齐 |
ngb-timepicker | 时间选择器 |
ngb-timepicker-meridian | 时间选择器 - 12小时制 |
ngb-timepicker-steps | 时间选择器 - 步进 |
ngb-tooltip | 工具提示 |
ngb-tooltip-placement | 工具提示 - 位置 |
ngb-typeahead | 自动完成 |
安装步骤
GitHub 项目
您可以在 GitHub 上找到 NgBootstrap Snippets 的项目页面,获取更多信息和源代码。
许可证
NgBootstrap Snippets 是一个开源软件,遵循 MIT 许可证。
本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com