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:
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
All the Element UI tags below, ignore the closure and more detailed information. Such as elr to <el-radio>, actually that represents <el-radio v-model="${1}" label="${2}">$3</el-radio>
The sinppets' order follows the order of the components of Guide on Element UI official website basically.
Totally 71 snippets. Will add more if necessary.
Only work in .vue file for now.
Basic Part
No.
Trigger Key
Element 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.
eltypo
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;