需求

希望每次创建.vue文件时自动生成vue模板

实现方法

1. 搜索安装vetur
   WeChatd66a47f806f2d16cfd0bd3ea91c45ada.png
2. 点击vscode左下角的设置按钮打开User Snippets
   image.png
3. 在弹出的搜索框内输入vue
   image.png
4. 选择vue.json在该json文件内输入并保存。当然也可以根据自己的需求依葫芦画瓢。

{
    "Print to console": {
            "prefix": "vue",
            "body": [
                    "<template>",
                    "   <div>\n",
                    "   </div>",
                    "</template>\n",
                    "<script>",
                    "export default {",
                    "   name: ,",
                    "   components: {\n",
                    "   },",
                    "   data () {",
                    "       return {\n",
                    "       }",
                    "   }",
                    "}",
                    "</script>\n",
                    "<style lang=\"scss\" scoped>\n",
                    "</style>",
                    "$2"
            ],
            "description": "Log output to console"
    }
}

5. 新建vue文件后，在该文件内输入vue后按一下Tab键就ok了~，效果如图
   image.png