vscode设置vue代码片断

1、如何设置？

1. 打开用户片断

   

2. 选择或建立vue.json代码片断

   

3. 粘贴下面代码片断便可

   {
       "Print to console": {
           "prefix": "vue",
           "body": [
               "<template>",
               "    <div>\n",
               "    </div>",
               "</template>\n",
               "<script>",
               "export default {",
               "    props: {\n",
               "    },",
               "    data() {",
               "        return {\n",
               "        };",
               "    },",
               "    computed: {\n",
               "    },",
               "    created() {\n",
               "    },",
               "    mounted() {\n",
               "    },",
               "    watch: {\n",
               "    },",
               "    methods: {\n",
               "    },",
               "    components: {\n",
               "    },",
               "};",
               "</script>\n",
               "<style scoped lang=\"${1:scss}\">\n",
               "</style>\n",
           ],
           "description": "Create vue template"
       }
   }

2、如何使用?

新建*.vue文件，输入vue，按tab便可