首先我们要找到设置（如下图）用户代码片段
然后我们会看到这样一个框，然后搜索html.json
如果没设置过就是一些注释掉的东西 可以全部删除复制下面的代码就可以了
{"vue代码": {
"prefix": "ve",
"body": [
"<!DOCTYPE html>",
"",
"<html lang='en'>",
"<head>",
"\t<meta charset=\"UTF-8\">",
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
"\t<title>Document</title>",
"\t<script src=\"../node_modules/vue/dist/vue.min.js\"></script>",
"</head>",
"",
"<body>",
"\t<div class=\"container\">",
"\t</div>",
"\t<script>",
" \t\tvar vue = new Vue({",
"\t\t\tel : '.container',",
"\t\t\tdata : { }," ,
"\t\t\tmethods : { } " ,
"\t\t});",
"\t</script>",
"</body>",
"",
"</html>"
]
}
}在页面输入ve敲击回车就可以看到已经创建好了的代码结构（注意 ： 这里的vue的引用用的是我的地址，你们的路径按照自己的文件位置引用）
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta http-equiv='X-UA-Compatible' content='ie=edge'>
<titledocument</title>
<script src='../node_modules/vue/dist/vue.min.js'></script>
</head>
<body>
<div class='container'>
</div>
<script>
var vue = new Vue({
el: '.container',
data: {},
methods: {}
});
</script>
</body>
</html>
以上就是快速生成vue结构的代码块段
想看更多点击我的博客