vscode中使用vue的代码片段

使用场景

• 懒人必备初始化vue文件

使用步骤

1. 点击左下角设置，选择用户代码片段。
2. 输入代码片段名称回车。

3. 复制以下代码保存。

   {
    "Print to console": {
        // prefix: 触发的代码，随意设置，例如输入sc就会提示设置好的代码块
        "prefix": "sc", 
        // body: 设置的代码块内容
        "body": [
            "<template>",
            " <div>",
            "   $TM_FILENAME_BASE",
            " </div>",
            "</template>\n",
            "<script>",
            " export default {",
            "   name:'$TM_FILENAME_BASE',", // 创建的文件名
            "   data () {",
            "     return {\n",
            "     }",
            "   },",
            "   components: {\n",
            "   }",
            " }",
            "</script>\n",
            "<style lang='less' scoped>\n",
            " ",
            "</style>",
            "$2"
        ],
    }
   }