mybells / vscode-plugin-vuesunflower-snippets

公司vue-sunflower UI库代码片段vscode插件

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>

Form Part

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()