vscode中使用vue的代码片断

使用场景

• 懒人必备初始化vue文件

使用步骤

1. 点击左下角设置，选择用户代码片断。
2. 输入代码片断名称回车。
3. 复制如下代码保存。

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