插件名称
搜寻：Element Plus Snippets
各种根底代码提醒，让代码写的腾飞
- 基本上所有 element plus 标签如下。咱们通过关键字触发，例如
epb代表<el-button>,
理论代码片段：<el-button type="primary">{$1}</el-button>
- 所有的代码片段，基于 element-plus.
v, 关键字
vue3-ts- 构造代码
Snippets List
新增
| No. | Trigger Key | Element Tag |
|---|---|---|
| 1. | v |
vue3-ts- 构造代码 |
| 2. | temp |
<template> |
| 2. | eptm |
<table> 多选 |
Basic 根底组件
| No. | Trigger Key | Element Tag |
|---|---|---|
| 1. | eprow |
<el-row> |
| 2. | epcol |
<el-col> |
| 3. | ephc |
hidden-xs-only,hidden-sm-only,etc |
| 4. | epcon |
<el-container> |
| 5. | epas |
<el-aside> |
| 6. | ephe |
<el-header> |
| 7. | epma |
<el-main> |
| 8. | epfo |
<el-footer> |
| 9. | epcb |
#409EFF |
| 10. | epcs |
#67C23A |
| 11. | epcw |
#E6A23C |
| 12. | epcd |
#F56C6C |
| 13. | epci |
#909399 |
| 14. | epcpt |
#303133 |
| 15. | epcrt |
#606266 |
| 16. | epcst |
#909399 |
| 17. | epcht |
#C0C4CC |
| 18. | epcbb |
#DCDFE6 |
| 19. | epclb |
#E4E7ED |
| 20. | epclrb |
#EBEEF5 |
| 21. | epelb |
#DCDFE6 |
| 22. | eptypo |
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; |
| 23. | epbbs |
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) |
| 24. | epbls |
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) |
| 25. | epb |
ep-button |
| 26. | epbg |
ep-button-group |
| 27. | epl |
ep-link |
Form 表单组件
| No. | Trigger Key | Element Tag |
|---|---|---|
| 1. | epr |
<el-radio> |
| 2. | eprg |
<el-radio-group> |
| 3. | eprbg |
<el-radio-group> with <el-radio-button> |
| 4. | eprb |
<el-radio-button> |
| 5. | epc |
<el-checkbox> |
| 6. | epcg |
<el-checkbox-group> |
| 7. | epcbg |
<el-checkbox-group> with <el-checkbox-button> |
| 8. | epcbt |
<el-checkbox-button> |
| 9. | epi |
<el-input> |
| 10. | epit |
<el-input type="textarea"> |
| 11. | epa |
<el-autocomplete> |
| 12. | epis |
<template slot=''> |
| 13. | epin |
<el-input-number> |
| 14. | epsel |
<el-select> |
| 15. | epselr |
<el-select remote> |
| 16. | epop |
<el-option> |
| 17. | epopg |
<el-option-group> |
| 18. | epca |
<el-cascader> |
| 19. | epcap |
<el-cascader-panel> |
| 20. | epsw |
<el-swtich> |
| 21. | epsl |
<el-slider> |
| 22. | eptp |
<el-time-picker> |
| 23. | epts |
<el-time-select> |
| 24. | eptsr |
<el-time-select> * 2 |
| 25. | eptpr |
<el-time-picker is-range> |
| 26. | epdp |
<el-date-picker> |
| 27. | epdpr |
<el-date-picker type="daterange,monthrange"> |
| 28. | epdtp |
<el-date-picker type="datetime"> |
| 29. | epdtpr |
<el-date-picker type="datetimerange"> |
| 30. | epu |
<el-upload> |
| 31. | epra |
<el-rate> |
| 32. | epcp |
<el-color-picker> |
| 33. | eptr |
<el-transfer> |
| 34. | epf |
<el-form> |
| 35. | epfi |
<el-form-item> |
数据展现
| No. | Trigger Key | Element Tag |
|---|---|---|
| 1. | ept |
<el-table> |
| 2. | eptc |
<el-table-column> |
| 3. | epta |
<el-tag> |
| 4. | eppr |
<el-progress> |
| 5. | eptree |
<el-tree> |
| 6. | epp |
<el-pagination> |
| 7. | epba |
<el-badge> |
| 8. | epav |
<el-avatar> |
反馈组件
| No. | Trigger Key | Element Tag |
|---|---|---|
| 1. | epal |
<el-alert> |
| 2. | eploads |
epement-loading-* |
| 3. | epme |
$app.$message({}) |
| 4. | epmeal |
$app.$alert({}) |
| 5. | epmecon |
$app.$confirm({}) |
| 6. | epno |
$app.$notify({}) |
| 7. | epnot |
$app.$notify.type({}) |
| 7. | epmel |
$app.$loading({}) |
导航
| No. | Trigger Key | Element Tag |
|---|---|---|
| 1. | epmen |
<el-menu> |
| 2. | epsubmen |
<el-submenu> |
| 3. | epmeni |
<el-menu-item> |
| 4. | eptabs |
<el-tabs> |
| 5. | eptabp |
<el-tab-pane> |
| 6. | epbr |
<el-breadcrumb> |
| 7. | epbri |
<el-breadcrumb-item> |
| 8. | eppa |
<el-page-header> |
| 9. | epdr |
<el-dropdown> |
| 10. | epdri |
<el-dropdown-item> |
| 11. | epsts |
<el-steps> |
| 12. | epst |
<el-step> |
Others Part
| No. | Trigger Key | Element Tag |
|---|---|---|
| 1. | epdi |
<el-dialog> |
| 2. | epto |
<el-tooltip> |
| 3. | eppo |
<el-popover> |
| 4. | eppoco |
<el-popconfirm> |
| 5. | epcard |
<el-card> |
| 6. | epcaro |
<el-carousel> |
| 7. | epcaroi |
<el-carousel-item> |
| 8. | epcolla |
<el-collapse> |
| 9. | epcollai |
<el-collapse-item> |
| 10. | epti |
<el-timeline> |
| 11. | eptii |
<el-timeline-item> |
| 12. | epd |
<el-divider> |
| 13. | epcal |
<el-calendar> |
| 14. | epim |
<el-image> |
| 15. | epback |
<el-backtop> |
| 16. | epinfi |
v-infinite-scroll |
| 17. | epdra |
<el-drawer> |