vue快速生成页面html代码段,VScode中Vue快速生成代码片段，vscodevue代码片段

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全局安装和本地安装及卸载

相关文章暂无相关文章