需求

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

实现方法

搜索安装vetur
WeChatd66a47f806f2d16cfd0bd3ea91c45ada.png
点击vscode左下角的设置按钮打开User Snippets
image.png
在弹出的搜索框内输入vue
image.png
选择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"
    }
}