Vuesunflower Snippets extension for Visual Studio Code
公司 vue-sunflower UI库的代码片段 vscode 插件
Install
在Extensions(Ctrl+Shift+X)搜索Vuesunflower Snippets安装。
Snippets List
Basic Part
| No. |
Trigger Key |
Element Tag |
| 1. |
srow |
<s-row> |
| 2. |
scol |
<s-col> |
| 3. |
sgrid |
<s-grid> |
| 4. |
sicon |
<i class="iconfont icon-xxx"></i> |
| 5. |
sbutton |
<s-button> |
| No. |
Trigger Key |
Element Tag |
| 1. |
sinput |
<s-input> |
| 2. |
stextarea |
<s-input type="textarea"> |
| 3. |
sinputnumber |
<s-input-number> |
| 4. |
sradio |
<s-radio> |
| 5. |
sradiogroup |
<s-radio-group> |
| 6. |
scheckbox |
<s-checkbox> |
| 7. |
scheckboxgroup |
<s-checkbox-group> |
| 8. |
sswitch |
<s-switch> |
| 9. |
stimepicker |
<s-time-picker> |
| 10. |
stimeselector |
<s-time-select> |
| 11. |
sdatepicker |
<s-date-picker> |
| 12. |
sslider |
<s-slider> |
| 13. |
sform |
<s-form> |
| 14. |
sformitem |
<s-form-item> |
| 15. |
supload |
<s-upload> |
Layout Part
| No. |
Trigger Key |
Element Tag |
| 1. |
salert |
<s-alert> |
| 2. |
smenu |
<s-menu> |
| 3. |
ssubmenu |
<s-submenu> |
| 4. |
smenuitem |
<s-menu-item> |
| 5. |
stag |
<s-tag> |
| 6. |
sbreadcrumb |
<s-breadcrumb> |
| 7. |
sbreadcrumbitem |
<s-breadcrumb-item> |
| 8. |
scard |
<s-card> |
| 9. |
scarddiy |
<s-card-diy> |
| 10. |
sloading |
v-loading |
| 11. |
scollapse |
<s-collapse> |
| 12. |
scollapseitem |
<s-collapse-item> |
| 13. |
srate |
<s-rate> |
| 14. |
sprogress |
<s-progress> |
| 15. |
sdropdown |
<s-dropdown> |
| 16. |
sdropdownitem |
<s-dropdown-item> |
| 17. |
scascade |
<s-cascader> |
| 18. |
sselect |
<s-select> |
| 19. |
ssteps |
<s-steps> |
| 20. |
scarousel |
<s-carousel> |
| 21. |
scarouselitem |
<s-carousel-item> |
| 22. |
stree |
<s-tree> |
| 23. |
stab |
<s-tab> |
| 24. |
stabpane |
<s-tab-pane> |
| 25. |
stransfer |
<s-transfer> |
Notice Part
| No. |
Trigger Key |
Element Tag |
| 1. |
sbadge |
<s-badge> |
| 2. |
sdialog |
<s-dialog> |
| 3. |
s$message |
this.$message({}) |
| 4. |
s$msgbox |
this.$msgbox({}) |
| 5. |
s$alert |
this.$alert({}) |
| 6. |
s$confirm |
this.$confirm({}) |
| 7. |
s$prompt |
this.$prompt({}) |
| 8. |
s$notify |
this.$notify({}) |
| 8. |
s$loading |
this.$loading({}) |
| 8. |
spopover |
<s-popover> |
| 8. |
stooltip |
<s-tooltip> |
Table Part
| No. |
Trigger Key |
Element Tag |
| 1. |
stable |
<s-table> |
| 2. |
stablepage |
<s-table-page> |
| 3. |
stabelcolumn |
<s-table-column> |
| 4. |
stabelcolumntemplate |
<s-table-column> with template |
| 5. |
spagination |
<s-pagination> |
Others Part
| No. |
Trigger Key |
Element Tag |
| 1. |
sscrollbar |
<s-scrollbar> |
| 2. |
ssearchgroup |
<s-search-group> |
| 3. |
sbox |
<s-box> |
| 4. |
sspin |
<s-spin> |
| 5. |
stimeline |
<s-timeline> |
| 6. |
srolecollapse |
<s-role-collapse> |
| 7. |
sdrawer |
<s-drawer> |
| 7. |
sconsole |
console.log() |
| |
