Vs Code自定义快捷键代码片段（含Vue片段）

1. 打开vscode，依次点击文件>首选项>用户片段
   

2. 点击新建全局代码片段，命名为某某某.json(随便命名，只要不冲突就行)，然后回车
   
   
   然后可以清空注释输入以下代码（知道你们懒得一行一行的敲特地放上来的）

{
    "Print to console": {
    //这里指定快捷键为vue，即在编写代码时输入vue后按回车即可
        "prefix": "vue",
        "body": [
        //注意：每一行代码都要用  "",  包裹起来
            "<script>",
    "let vue = new Vue({",
    "//生命周期函数",
        "beforeCreate:function(){",
            "\t",
        "},",
        "created:function(){",
            "\t",
        "},",
        "beforeMount:function(){",
            "\t",
      "  },",
	  "mounted:function(){",
            * */
			"\t",
        "},",
        //默认挂载到#app
        "el: '#app',",
       "// 专门用于监听数据变化的",
        "watch: {",
        "\t",
        "},",
        "//绑定路由",
        "//router: ,",
        "// 这里就是MVVM中的Model",
      "data: {",
          "\t",
       " },",
       "// 专门用于存储监听事件回调函数",
      "methods: {",
      "\t",
            
       " },",
       "// 专门用于定义计算属性的",
        
        "computed: {",
        "\t",
        "},",
       
        "// 专门用于定义局部组件的", 
       "components: {",
       "\t",
        "}",
    "});",
    "</script>"
        ],
        "description": "Log output to console"
    }
}

3. 然后在编写代码时输入vue按回车键即可
   

4. 完成