VSCode 快速生成vue代码片段

VSCode 快速生成vue代码片段

第一步、打开vscode，找到用户代码片段，选择 ***.json 文件打开，如下图

• 说明： 你要什么什么样的模板，点击用户片段后输入设置的关键字.json (若要设置vue，找到 vue.json 文件)

第二步、将以下代码复制粘贴到vue.json里面，保存

说明：

"Print to console": {
    "prefix": "vue",     // 1.用户输入的关键字 
    "body": [            // 2.body中的数据就是要呈现的数据
        "<template>",
        "  <div>\n",
        "  </div>",
        "</template>\n",
        "<script>",
        "export default {",
        "  data () {",
        "    return {",
        "      msg: ''",
        "    }",
        "  },",