vscode设置vue代码片段

一、如何设置？

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"
       }
   }

二、如何使用?

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