VScode中Vue快速生成代码片段,vscodevue代码片段
首先我们要找到设置(如下图)用户代码片段
然后我们会看到这样一个框,然后搜索html.json
如果没设置过就是一些注释掉的东西 可以全部删除复制下面的代码就可以了
{"vue代码": {
"prefix": "ve",
"body": [
"",
"",
"",
"
","\t",
"\t",
"\t",
"\t
Document","\t",
"",
"",
"
","\t
",
",
"\t
"\t
" \t\tvar vue = new Vue({",
"\t\t\tel : '.container',",
"\t\t\tdata : { }," ,
"\t\t\tmethods : { } " ,
"\t\t});",
"\t",
"",
"",
""
]
}
}
在页面输入ve敲击回车就可以看到已经创建好了的代码结构(注意 : 这里的vue的引用用的是我的地址,你们的路径按照自己的文件位置引用)
var vue = new Vue({
el: '.container',
data: {},
methods: {}
});
以上就是快速生成vue结构的代码块段
想看更多点击我的博客
推荐:npm全局安装和本地安装及卸载
相关文章暂无相关文章