---

前言

本篇文章可以在vscode中配置快捷键显示代码的信息注释，如作者、描述、创建时间等

一、打开配置项

1.首选项编辑配置

vscode使用ctrl+shift+p打开编辑器配置，上方弹出输入行，在输入项搜索 配置用户代码片段

（由于截屏内图片有公司水印，故涂去了，显示白色马赛区）

2.新建代码片段

点击选中首选项：配置用户代码片段后，见下图

3.配置注释文件名

再点击选中新建全局代码片段文件，打开配置文件

输入任意定义文件名，如vueNote并回车确认

二、新建代码注释模板

此时打开了注释文件

在文件内配置想要的模板，如：

{
	"Print to console": {
		"prefix": "/.", //这里是快捷键方法
		"body": [
			"<!-- ",
			" * @description: //TODO",
			" * @fileName: ${TM_FILENAME} ",
			" * @author: chenxiaowei01 ",
			" * @date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
			"!-->"
		],
		"description": "Log output to console"
	}
}

三、注释使用

打开编辑器内vue文件，在代码区域，输入/. 自动带出模板内容，回车即可确定使用注释