具体步骤如下
1、选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue
选择vue后，编辑器会自动打开一个名字为vue.json的文件
2、复制以下内容到这个文件中：
](javascript:void(0); "复制代码")
<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">{
// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// 2 for tab stops,
{1:label},
1');",
// "0",
"",
" </div>",
"</template>\n",
"<script type="text/javascript">",
"export default {",
" name: "",",
"",
" mixins: [],",
"",
" components: {},",
"",
" props: {},",
"",
" data() {",
" return {\n",
" }",
" },",
"",
" computed: {},",
"",
" watch: {},",
"",
" created() {},",
"",
" mounted() {},",
"",
" destroyed() {},",
"",
" methods: {},",
"}",
"</script>\n",
"<style lang="less" scoped>",
"",
"</style>",
"$2"
],
"description": "Log output to console"
}
}</pre>
](javascript:void(0); "复制代码")
$0 表示生成代码后光标的位置 ;
``prefix表示生成对应预设代码的命令（此处设置的vue）
保存关闭文件；
3、新建.vue文件，输入vue，按回车，页面结构自动生成
