共计 2881 个字符，预计需要花费 8 分钟才能阅读完成。
插件名称
搜寻：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> |
正文完
