vscode配置快捷键注释模板

文章目录

  • 前言
  • 一、打开配置项
    • 1.首选项编辑配置
    • 2.新建代码片段
    • 3.配置注释文件名
  • 二、新建代码注释模板
  • 三、注释使用


前言

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

一、打开配置项

1.首选项编辑配置

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

(由于截屏内图片有公司水印,故涂去了,显示白色马赛区)
vscode配置快捷键注释模板_第1张图片

2.新建代码片段

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

vscode配置快捷键注释模板_第2张图片

3.配置注释文件名

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

在这里插入图片描述
输入任意定义文件名,如vueNote并回车确认
vscode配置快捷键注释模板_第3张图片

二、新建代码注释模板

此时打开了注释文件
vscode配置快捷键注释模板_第4张图片

在文件内配置想要的模板,如:

{
	"Print to console": {
		"prefix": "/.", //这里是快捷键方法
		"body": [
			""
		],
		"description": "Log output to console"
	}
}

vscode配置快捷键注释模板_第5张图片

三、注释使用

打开编辑器内vue文件,在代码区域,输入/. 自动带出模板内容,回车即可确定使用注释
vscode配置快捷键注释模板_第6张图片

你可能感兴趣的:(前端,vue,插件工具,vscode,javascript,vue.js)