VsCode 设置自定义模板

1. 打开 文件 -> 首选项 -> 配置用户代码片段
2. 以vue3为例： 输入 vue.json 回车
3. 在vue.json输入json

{
    "Print to console": {
        "prefix": "tem",
        "body": [
            "<template>",
            "    <div class=\"$1\">",
            "    </div>",
            "</template>\n",
            "<script lang=\"ts\" setup >",
            "import { ref } from \"vue\";\n",
            "</script>\n",
            "<style scoped lang = \"scss\">\n",
            "</style>\n",
        ],
        "description": "Create vue template"
    }
}

body 里面为页面最终显示的内容，是一个数组，一个元素代表一行。并且每个元素都要用引号引起来。
prefix 为页面调用模板输入的内容，我这里设置的是 ‘tem’
4. 新建 test.vue 页面输入 tem, 页面即可生成如下