PluginStatsElement UI Snippets installs statistics
By Snowffer Studio · VS Code Marketplace · Snippets
Code snippets for Element-UI which is a Vue.js 2.0 UI Toolkit for Web
Element UI Snippets has 262,477 recorded installs on VS Code Marketplace.
It ranks #1260 of 2,500 tracked VS Code Marketplace listings by installs.
It is rated 5.0 out of 5 from 1 ratings.
PluginStats has 3 daily observations since Oct 16, 2026; the latest is from Oct 18, 2026.
Rating: 5.00 / 5 from 1 ratings
About Element UI Snippets
This is Code Snippets of Element UI for VS Code.
Install
Manual Install
Go to the git and download the snippets folder, then copy the files in the folder to the path directly:
• Mac: /Users/**/Library/Application Support/Code/User/snippets/ • Windows: ** :\Users\ ** \AppData\Roaming\Code\User\snippets\
Through VS Code Extensions
• From website: Go to Visual Studio Code Marketplace, and search 'Element UI Snippets', then click the install button. • From VS Code: click extensions sidebar, and search 'Element UI Snippets', then click the install button.
Special Instruction
1. For the components like el-table which need children components to be its content, use v-for to loop to generate the children components.
Snippets List
1. All the Element UI tags below, ignore the closure and more detailed information. Such as elr to , actually that represents $3 2. The sinppets' order follows the order of the components of Guide on Element UI official website basically. 3. Totally 108 snippets. Will add more if necessary. 4. Only work in .vue file for now.
Basic Part
|No.|Trigger Key|Element Tag|
|1. | elrow | | |2. | elcol | | |3. | elhc | hidden-xs-only,hidden-sm-only,etc | |4. | elcon | | |5. | elas | | |6. | elhe | | |7. | elma | | |8. | elfo | | |9. | elcb | #409EFF | |10. | elcs | #67C23A | |11. | elcw | #E6A23C | |12. | elcd | #F56C6C | |13. | elci | #909399 | |14. | elcpt | #303133 | |15. | elcrt | #606266 | |16. | elcst | #909399 | |17. | elcht | #C0C4CC | |18. | elcbb | #DCDFE6 | |19. | elclb | #E4E7ED | |20. | elclrb | #EBEEF5 | |21. | elelb | #DCDFE6 | |22. | eltypo | font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; | |23. | elbbs | box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) | |24. | elbls | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) | |25. | elb | el-button | |26. | elbg | el-button-group | |27. | ell | el-link |
Form Part
|No. | Trigger Key | Element Tag|
|1. | elr | | |2. | elrg | | |3. | elrbg | with | |4. | elrb | | |5. | elc | | |6. | elcg | | |7. | elcbg | with | |8. | elcbt | | |9. | eli | | |10. | elit | | |11. | ela | | |12. | elis | | |13. | elin | | |14. | elsel | | |15. | elselr | | |16. | elop | | |17. | elopg | | |18. | elca | | |19. | elcap | | |20. | elsw | | |21. | elsl | | |22. | eltp | | |23. | elts | | |24. | eltsr | * 2 | |25. | eltpr | | |26. | eldp | | |27. | eldpr | | |28. | eldtp | | |29. | eldtpr | | |30. | elu | | |31. | elra | | |32. | elcp | | |33. | eltr | | |34. | elf | | |35. | elfi | |
Data Part
|No. | Trigger Key | Element Tag|
|1. | elt | | |2. | eltc | | |3. | elta | | |4. | elpr | | |5. | eltree | | |6. | elp | | |7. | elba | | |8. | elav | |
Notice Part
|No. | Trigger Key | Element Tag|
|1. | elal | | |2. | elloads | element-loading-* | |3. | elme | this.$message({}) | |4. | elmebox | this.$msgbox({}) | |5. | elmeal | this.$alert({}) | |6. | elmecon | this.$confirm({}) | |7. | elmepro | this.$prompt({}) | |8. | elno | this.$notify({}) | |9. | elnot | this.$notify.type({}) |
Navigation Part
|No. | Trigger Key | Element Tag|
|1. | elmen | | |2. | elsubmen | | |3. | elmeni | | |4. | eltabs | | |5. | eltabp | | |6. | elbr | | |7. | elbri | | |8. | elpa | | |9. | eldr | | |10. | eldri | | |11. | elsts | | |12. | elst | |
Others Part
|No. | Trigger Key | Element Tag|
|1. | eldi | | |2. | elto | | |3. | elpo | | |4. | elpoco | | |5. | elcard | | |6. | elcaro | | |7. | elcaroi | | |8. | elcolla | | |9. | elcollai | | |10. | elti | | |11. | eltii | | |12. | eld | | |13. | elcal | | |14. | elim | | |15. | elback | | |16. | elinfi | v-infinite-scroll | |17. | eldra | |
Description from the VS Code Marketplace listing.
- javascript
- snippet
- vuejs
Where Element UI Snippets sits in the listing
Each band is one page of 20. Installs on a log scale. Placement is projected from installs, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Ranking history
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (3)Similar VS Code Marketplace Snippets plugins
Data source
Install counts, average rating, and rating counts come from the public Visual Studio Marketplace gallery API. Installs are cumulative and exclude updates.
Listing: https://marketplace.visualstudio.com/items?itemName=SS.element-ui-snippets. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.