VScode自动添加注释


两种vscode自动生成注释方式

1、使用koroFileHeader插件

【1】安装

扩展商店搜索koroFileHeader
在这里插入图片描述

【2】配置

  • ctrl+shelf+p 输入 open setting
    在这里插入图片描述

  • 搜索fileheader
    在这里插入图片描述

  • 编辑.json文件
    ctrl+A全选代码后替换以下代码

{
    // 头部注释
    "fileheader.customMade": {
        // 头部注释默认字段
        "Author": "your name",
        "Date": "Do not edit", // 设置后默认设置文件生成时间
        "LastEditTime": "Do not edit", // 设置后,保存文件更改默认更新最后编辑时间
        "LastEditors": "your name", // 设置后,保存文件更改默认更新最后编辑人
        "Description": "",
        "FilePath": "Do not edit", // 设置后,默认生成文件相对于项目的路径
        "custom_string_obkoro1": "可以输入预定的版权声明、个性签名、空行等"
    },
    // 函数注释
    "fileheader.cursorMode": {
    // 默认字段
    "description":"",
    "param":"",
    "return":""
    },
    // 插件配置项
    "fileheader.configObj": {
    
        "autoAdd": false, // 检测文件没有头部注释,自动添加文件头部注释
        "autoAddLine": 100, // 文件超过多少行数 不再自动添加头部注释
        "autoAlready": true, // 只添加插件支持的语言以及用户通过`language`选项自定义的注释
        "supportAutoLanguage": [], // 设置之后,在数组内的文件才支持自动添加
    // 自动添加头部注释黑名单
    "prohibitAutoAdd": [
        "json"
        ],
    "prohibitItemAutoAdd": [ "项目的全称禁止项目自动添加头部注释, 使用快捷键自行添加" ],
    "folderBlacklist": [ "node_modules" ], // 文件夹或文件名禁止自动添加头部注释
    "wideSame": false, // 头部注释等宽设置
    "wideNum": 13,  // 头部注释字段长度 默认为13
        "functionWideNum": 0, // 函数注释等宽设置 设为0 即为关闭
    // 头部注释第几行插入
        "headInsertLine": {
        "php": 2 // php文件 插入到第二行
        },
        "beforeAnnotation": {}, // 头部注释之前插入内容
        "afterAnnotation": {}, // 头部注释之后插入内容
        "specialOptions": {}, // 特殊字段自定义
        "switch": {
        "newlineAddAnnotation": true // 默认遇到换行符(\r\n \n \r)添加注释符号
        },
        "moveCursor": true, // 自动移动光标到Description所在行
        "dateFormat": "YYYY-MM-DD HH:mm:ss",
        "atSymbol": ["@", "@"], // 更改所有文件的自定义注释中的@符号
        "atSymbolObj": {}, //  更改单独语言/文件的@
        "colon": [": ", ": "], // 更改所有文件的注释冒号
        "colonObj": {}, //  更改单独语言/文件的冒号
        "filePathColon": "路径分隔符替换", // 默认值: mac: / window是: \
        "showErrorMessage": false, // 是否显示插件错误通知 用于debugger
        "writeLog": false, // 错误日志生成
        "CheckFileChange": false, // 单个文件保存时进行diff检查
        "createHeader": false, // 新建文件自动添加头部注释
        "useWorker": false, // 是否使用工作区设置
        "designAddHead": true, // 添加注释图案时添加头部注释
        "headDesignName": "random", // 图案注释使用哪个图案 
        /* 
            'random', // 随机
            'buddhalImg', // 佛祖
            'buddhalImgSay', // 佛祖+佛曰
            'buddhalSay', // 佛曰
            'totemDragon', // 龙图腾
            'belle', // 美女
            'coderSong', // 程序员之歌
            'loitumaGirl', // 甩葱少女
            'keyboardAll', // 全键盘
            'keyboardSmall', // 小键盘
            'totemWestDragon', // 喷火龙
            'jesus', // 耶稣
            'dog', // 狗
            'grassHorse', // 草泥马
            'grassHorse2', // 草泥马2
            'totemBat', // 蝙蝠
        */
        "headDesign": true, // 是否使用图案注释替换头部注释
        // 自定义配置是否在函数内生成注释 不同文件类型和语言类型
        "cursorModeInternalAll": {}, // 默认为false 在函数外生成函数注释
        "openFunctionParamsCheck": true, // 开启关闭自动提取添加函数参数
        "functionParamsShape": ["{", "}"], // 函数参数外形自定义 
        // "functionParamsShape": "no type" 函数参数不需要类型
        "functionBlankSpaceAll": {}, // 函数注释空格缩进 默认为空对象 默认值为0 不缩进
        "functionTypeSymbol": "*", // 参数没有类型时的默认值
        "typeParamOrder": "type param", // 参数类型 和 参数的位置自定义
        // 自定义语言注释,自定义取消 head、end 部分
        // 不设置自定义配置language无效 默认都有head、end
        "customHasHeadEnd": {}, // "cancel head and function" | "cancel head" | "cancel function" 
        "throttleTime": 60000, // 对同一个文件 需要过1分钟再次修改文件并保存才会更新注释
        // 自定义语言注释符号,覆盖插件的注释格式
        "language": {
            // js后缀文件
            "js": {
                "head": "/$$",
                "middle": " $ @",
                "end": " $/",
                // 函数自定义注释符号:如果有此配置 会默认使用
                "functionSymbol": {
                "head": "/******* ", // 统一增加几个*号
                "middle": " * @",
                "end": " */"
                },
                "functionParams": "typescript" // 函数注释使用ts语言的解析逻辑
            },
        // 一次匹配多种文件后缀文件 不用重复设置
        "h/hpp/cpp": {
            "head": "/*** ", // 统一增加几个*号
            "middle": " * @",
            "end": " */"
            },
            // 针对有特殊要求的文件如:test.blade.php
            "blade.php":{
            "head": "<!--",
            "middle": " * @",
            "end": "-->",
            }
        },
    // 默认注释  没有匹配到注释符号的时候使用。
    "annotationStr": { 
        "head": "/*",
        "middle": " * @",
        "end": " */",
        "use": false
        },
    },
    "files.associations": {
        "adc.h": "c"
    }
        
}

【3】快捷键

文件头部注释快捷键
window:ctrl+win+i
mac:ctrl+cmd+i
linux: ctrl+meta+i
Ubuntu: ctrl+super+i
在这里插入图片描述
函数注释注释快捷键
window:ctrl+win+t
mac:ctrl+cmd+t
linux: ctrl+meta+t
Ubuntu: ctrl+super+t
函数注释光标移动到下一行,快速添加函数参数描述
window: win+y
mac: cmd+y
linux: meta+y
生成函数注释之后,使用快捷键移动鼠标到下一行,快速为函数参数添加描述
在这里插入图片描述
生成注释代码图片快捷键
1、 设定的图片
window:ctrl+win+j
mac:ctrl+cmd+j
2、随机图片
window:ctrl+shift+p
mac:cmd+shi+p
输入随机注释图案codeDesign
3、效果
在这里插入图片描述

2、使用代码片段快速注释

【1】入口

在这里插入图片描述

【2】选择

在这里插入图片描述

类似于环境变量
1、全局片段:所有文件都可用;
2、文件夹:当前文件夹夹可用;
3、特定类型:固定文件类型可用;

【3】编辑

以全局片段为例
1、“scope”:选择支持的文件类型名用,分隔
2、“prefix”:调用的快捷键,文件中输入后回车生效
3、“body”:对应显示内容,不支持Tab,支持/t代替

	"Print to console": {
		"scope": "c,cpp,h",
		"prefix": "ann0",
		"body": [
			"/***********************************************",
			"*",
			"* Copyright (c), 2022-2025, xxxx. Co., Ltd.",
			"*",
			"* ⽂件名称: ",
			"* 版 本 号: 1.0",
			"* ⽣成⽇期: 2022-2-21",
			"* 作    者:",
			"* 所 属 层:",
			"* 功    能:",
			"*",
			"************************************************/",
		],
		"description": "Log output to console"
	},

在这里插入图片描述
效果
在这里插入图片描述
在这里插入图片描述
可自定义自己的类型

3、参考

koroFileHeader作者wiki
vscode代码片段注释

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值