vs code 中有很多安装包,通过包安装,我是用 Element UI Snippets,来达到智能提示ElementUI

输入关键字  对应智能提示

No.Trigger KeyElement Tag
1.elrow<el-row>
2.elcol<el-col>
3.elcon<el-container>
4.elas<el-aside>
5.elhe<el-header>
6.elma<el-main>
7.elfo<el-footer>
8.elcb#409EFF
9.elcs#67C23A
10.elcw#E6A23C
11.elcd#F56C6C
12.elci#909399
13.eltypofont-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
14.elbel-button

Form Part

No.Trigger KeyElement Tag
1.elr<el-radio>
2.elrg<el-radio-group>
3.elc<el-checkbox>
4.elcg<el-checkbox-group>
5.eli<el-input>
6.elit<el-input type="textarea">
7.elin<el-input-number>
8.elsel<el-select>
9.elop<el-option>
10.elca<el-cascader>
11.elsw<el-swtich>
12.elsl<el-slider>
13.eltp<el-time-picker>
14.elts<el-time-select>
15.eldp<el-date-picker>
16.eldtp<el-date-picker type="datetime">
17.elu<el-upload>
18.elra<el-rate>
19.elcp<el-color-picker>
20.eltr<el-transfer>
21.elf<el-form>
22.elfi<el-form-item>

Data Part

No.Trigger KeyElement Tag
1.elta<el-table>
2.eltac<el-table-column>
3.eltag<el-tag>
4.elpr<el-progress>
5.elprc<el-progress type="circle">
6.eltree<el-tree>
7.elpa<el-pagination>
8.elba<el-badge>

Notice Part

No.Trigger KeyElement Tag
1.elal<el-alert>
2.elloadselement-loading-*
3.elmethis.$message({})
4.elmeboxthis.$msgbox({})
5.elmealthis.$alert({})
6.elmeconthis.$confirm({})
7.elmeprothis.$prompt({})
8.elnotithis.$notify({})

Navigation Part

No.Trigger KeyElement Tag
1.elmen<el-menu>
2.elsubmen<el-submenu>
3.elmeni<el-menu-item>
4.eltabs<el-tabs>
5.eltabp<el-tab-pane>
6.elbr<el-breadcrumb>
7.elbri<el-breadcrumb-item>
8.eldr<el-dropdown>
9.eldri<el-dropdown-item>
10.elsts<el-steps>
11.elst<el-step>

Others Part

No.Trigger KeyElement Tag
1.eldi<el-dialog>
2.elto<el-tooltip>
3.elpop<el-popover>
4.elcard<el-card>
5.elcaro<el-carousel>
6.elcaroi<el-carousel-item>
7.elcolla<el-collapse>
8.elcollai<el-collapse-item>
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐