VS Code 新建vue文件初始化模板

在使用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模板"
    }
}