2

VSCode添加vue3.2setup语法糖代码模板，用户片段，代码片段

1.打开用户片段
文件->首选项->用户片段->搜索vue

2.进入vue.json
点击进入vue.json(vue)

3.修改vue.json

{
    "vue3模板": {
      "prefix": "vue",
      "description": "vue3.2模板",
      "body": [
        "${BLOCK_COMMENT_START}",
        " * ${1:new page}",
        " * @author: ${2:zhou}",
        " * @since: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}",
        " * ${TM_FILENAME}",
        "${BLOCK_COMMENT_END}",
        "<template>",
        "  <div class=\"container\">div>",
        "template>",
        "",
        "<script setup>script>",
        "",
        "<style lang=\"scss\" scoped>style>",
        ""
      ]
    }
}

4.测试
至此，已经完成了模板添加。打开一个刚创建的vue文件，输入vue，系统自动提示刚才创建的模板，直接Tab键或回车，完成。