vscode中快速生成vue页面模板

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站 ​​点击跳转浏览。​​

1.安装插件Vetur

2，在搜索框内搜索vue.json文件，可能显示的是vue，点击进去

3,加入代码

{



  "Vue": {
    "prefix": "vue",  
     "body": [
     "<!-- $1 -->",
     "<template>",
     "<div></div>",
     "</template>",
     "",
     "<script>",
     "export default {",
     "data() {",
     "//这里存放数据",
     "return {",
     "",
     "}",
     "},",
     "components: {},",
     "",
     "//方法集合",
     "methods: {\n",
     "},",
     "//生命周期 - 创建完成（访问当前this实例）",
     "created() {",
     "",
     "},",
     "//生命周期 - 挂载完成（访问DOM元素）",
     "mounted() {",
     "",
     "}",
     "}",
     "</script>",
     "<style scoped>",
     "/* @import url(); 引入css类 */",
     "$4",
     "</style>"
     ],
     "description": "Log output to console"
   }
   



}

4，测试是否添加成功

测试方法： 新建vue后缀文件，输入vue，按下tab键，OK