vs code 快速生成vue 模板

很久之前看Vue的时候可以scaffold快速生成模板，最近开始看的时候不知道为什么不行了，就去找了帖子，亲测有效的方式，记录下来

1.使用快捷Ctrl + Shift + P唤出控制台，然后输入snippets 回车，输入vue.json回车。

(或 文件>首选项>用户代码片断里面，输入 vue.json ，然后回车 )

(或 file > Preferences > User Snippets，当弹出搜索框之后，输入 vue.json ，然后回车)

2.打开vue.json文件。

3.将vue.json文件改为下面得模板（可根据个人需求修改当中的模板内容） 

{
	"Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            "    <div class=\"\">\n",
            "    </div>",
            "</template>\n",
            "<script >",
            "export default {",
            "    name: \"\",",
            "    data() {",
            "        return {}",
            "    },",
            "    components: {},",
            "    methods: {}",
            "}",
            "</script>\n",
            "<style >\n",
            "</style>",
            "$2"
        ],
        "description": "A vue file template"
    }
}

然后新建一个 XX 文件，输入“vue”，按下回车键，模板就自动生成了:

完成