vscode 配置注释模版

打开配置文件，选择配置用户代码片段

1. windows：ctrl + shift + p打开
2. MAC：command + shift + p

配置文件内容

1.样式文件

css -> css.json
scss -> scss.json
less -> less.json

2.js文件

js -> javascript.json
ts -> typescript.json

文件内容示例

css.json

	"Print to cssTitle": {
	  "prefix": "cssNoteTitle",
	  "body": [
		"/*",
		" *@description: ",
		" *@author: 韩武洽 ",
		" *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
		" *@version V1.0.5 ",
		"*/"
	  ],
	  "description": "Title对应css注释标题"
	},
	"Print to cssItem":{
	  "prefix": "cssNoteItem",
	  "body": [
		"/*",
		" *@description: ",
		" *@author: 韩武洽 ",
		" *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
		"*/"
	  ],
	  "description": "Item对应css类注释"
	}
  }

javascript.json

  "Print to jsNoteTitle": {
    "prefix": "jsNoteTitle",
    "body": [
      "/*",
      " *@description:",
      " *@author: 韩武洽",
      " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
      " *@version: V1.0.5",
      "*/"
    ],
    "description": ""
  },
  "Print to jsfn": {
    "prefix": "jsfn",
    "body": [
      "/*",
      " *@functionName: ${TM_CURRENT_LINE}",
      " *@params1: ${1:参数1}",
      " *@params2: ${2:参数2}",
      " *@params3: ${3:参数3}",
      " *@params4: ${4:参数4}",
      " *@description:",
      " *@author: 韩武洽",
      " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
      " *@version: V1.0.5",
      "*/"
    ],
    "description": ""
  },
  "Print to jsModify": {
    "prefix": "jsModify",
    "body": [
      "/*",
      " *@description:",
      " *@modifyContent:",
      " *@author: 韩武洽",
      " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
      "*/"
    ],
    "description": ""
  },
  "Print to jsVariable": {
    "prefix": "jsVariable",
    "body": [
      "/*",
      " *@description:",
      " *@author: 韩武洽",
      " *@date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
      " *@variable1: ${1:变量1}",
      " *@variable2: ${2:变量2}",
      " *@variable3: ${3:变量3}",
      " *@variable4: ${4:变量4}",
      " *@variable5: ${5:变量5}",
      "*/"
    ],
    "description": ""
  }
}

vue.json

  "Print to vueTitle": {
    "prefix": "vueTitle",
    "body": [
      "<!-- ",
      " * @description: ",
      " * @fileName: ${TM_FILENAME} ",
      " * @author: 韩武洽 ",
      " * @date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
      " * @后台人员: $1 ",
      " * @version: V1.0.5 ",
      "!-->"
    ],
    "description": "在vue文件开头配置注释"
  }
}

vue-html.json

    "Print to htmlStart": {
        "prefix": "htmlStart",
        "body": [
            "<!-- $0start @author: 韩武洽 !-->"
        ],
        "description": " Start在html区块开始时使用"
    },
    "Print to htmlItem": {
        "prefix": "htmlEnd",
        "body": [
            "<!-- $0end @author: 韩武洽 !-->"
        ],
        "description": " End在html区块开始时使用"
    }
}

用法

css -> 在<style></style>标签中间 输入css会出现下面的选项
javascript -> 用法和css类似, 在script标签内输入js出现提示
vue -> 在vue文件头部使用，输入vue
vue-html -> 在template中输入html
其他类型依次类推

参考链接🔗