在使用VS Code进行vue开发的时候，我们可以充分现有的vue插件进行智能提示，可以提高开发效率，但是，在VS Code中新定义.vue文件时，生成的是空白的文件页，我们需要手动创建模板非常繁琐。
页面输入vue
解决方法
打开VS Code编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue，选择vue.json
复制以下内容
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"<div>",
"",
"</div>",
"</template>",
"",
"<script>",
"export default {",
"//部件",
" components: {",
" },",
"//静态",
" props: {",
" },",
"//对象内部的属性监听，也叫深度监听",
" watch: {",
" },",
"//属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用；",
" computed: { ",
" },",
"//方法表示一个具体的操作，主要书写业务逻辑；",
" methods: { ",
" },",
"//请求数据",
" created() {",
"},",
" mounted() {",
"}",
"}",
"</script>",
"",
"<style scoped>",
"",
"</style>",
"$2"
],
"description": "Vue模板"
}
}
