vscode 自定义代码段 以vue为例子 快速生成代码

vscode 有时候你新建立一个vue文件里面的模板还得自己输入 太慢了  这个时候我们就可以用到vscode的建立模板的功能

首先 是 新建立用户自定义代码段

然后是给新建立的代码段起一个名字 我的叫做 vue.json

把下面的代码拷进去    prefix  就是触发代码段的指令 我把它叫做   vue  在实际中  输出  vue回车就出来代码了

{

    "Print to console": {

        "prefix": "vue",

        "body": [

            "<template>",

            "  <div>$0</div>",

            "</template>",

            "",

            "<script>",

            "export default {",

            "",

            "}",

            "",

            "</script>",

            "<style lang='scss' scoped>",

            "</style>"

        ],

        "description": "Log output to console"

    }

}