vcode——自定义用户代码片段

转自：https://www.jianshu.com/p/78fef02dc7a4

打开vscode,左下角设置-用户代码片段

输入vue.json打开该页面，输入

{
	"Print to console": {
        "prefix": "vuebody",
        "body": [
            "<template>",
            "  <div class='$0'>",
                    "",
            "  </div>",
            "</template>",
            "",
            "<script>",
            "export default {",

                "",
            "}",
            "",
            "</script>",
            "<style scoped>",
            "",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

提示："$0":是你生成代码后鼠标光标所处的位置，可以自己修改放置位置。 "prefix"：表示生成对应预设代码的命令 。

保存关闭。
新建.vue文件，在页面里输入vuebody

然后 回车，模板就出来了，省去了我们敲模板的时间。

.js,.html文件都可以照这样来设置。