Visual Studio Code 设置自定义注释

• 使用ctrl + shift + p调出如下窗口，并且输入snippets，

• 选择对应的json文件编辑

javascript.json示例：

{
  "console.log输出": {
    "prefix": "log",
    "body": [
      "console.log('$1');",
      "$2"
    ],
    "description": "Log output to console"
  },
  "添加注释块": {
    "prefix": "header",
    "body": [
      "/*",
      " * $1",
      " * ",
      " * @Description: $2",
      " * @ClassAuthor: ***",
      " * @Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
      "*/"
    ]
  }
}

vue.json示例：

{
  "vue2模板": {
    "prefix": "vueSnip",
    "body": [ 
      "<template>",
      "  <div>$1",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data() {",
      "    return {",
      "       ",
      "    }",
      "  },",
      "}",
      "</script>",
      "<style lang=\"scss\" scoped>",
      "",
      "</style>"
    ],
  },
  "vue3模板": {
    "prefix": "vue3",
    "body": [ 
      "<template>",
      "  <div>这是首页</div>",",
      "</template>",
			"",
      "<script setup lang="ts"></script>",
      "<style lang="scss" scoped></style>",
      "",
      "</style>"
    ],
  }
  
}