vs code 好用的插件收集
自动添加注释
koroFileHeader
需要先去扩展中下载koroFileHeader插件,然后设置中搜索fileheader
击任意一个settings.json进去
Fileheader文件配置
在fileheader文件中需要添加如下两个文件,分别是函数注释和头部注释:
"fileheader.cursorMode": {
"description": "", // 函数注释生成之后,光标移动到这里
"param": "", // param 开启函数参数自动提取 需要将光标放在函数行或者函数上方的空白行
"return": "",
},
"fileheader.customMade": {
"Author": "Wujiahuo", // 创建文件的作者
"Date": "Do not edit", // 文件创建时间(不变)
"LastEditors": "OBKoro1", // 文件最后编辑者
// 由于编辑文件就会变更最后编辑时间,多人协作中合并的时候会导致merge
// 可以将时间颗粒度改为周、或者月,这样冲突就减少很多。搜索变更时间格式: dateFormat
"LastEditTime": "Do not edit", // 文件最后编辑时间
// 输出相对路径,类似: /文件夹名称/src/index.js
"FilePath": "Do not edit", // 文件在项目中的相对路径 自动更新
// 插件会自动将光标移动到Description选项中 方便输入 Description字段可以在specialOptions更改
"Description": "", // 介绍文件的作用、文件的入参、出参。
// custom_string_obkoro1~custom_string_obkoro100都可以输出自定义信息
// 可以设置多条自定义信息 设置个性签名、留下QQ、微信联系方式、输入空行等
//"custom_string_obkoro1": "Creator",
//"custom_string_obkoro2": "18558895058",
// 版权声明 保留文件所有权利 自动替换年份
"custom_string_obkoro1_copyright": "Copyright (c) ${now_year} by Wujiahuo/bzlrobot, All Rights Reserved. "
}
}
插入图片注释则是在fileheader.Config Obj中,目前我只知道头部插入携带,单独的插入没有找到资料:
"fileheader.configObj": {
"designAddHead": false, // 默认关闭, 生成的图案注释是否附带头部注释
"headDesignName": "totemDragon", // 默认为随机图案 生成哪个注释图案
"headDesign": false,// 默认关闭 开启后,所有生成头部注释的场景都会生成图案注释
头部注释快捷键为:
window:ctrl+win+i
函数注释快捷键为:
window:ctrl+win+t
约定式提交
Conventional Commits
在vscode中搜索Conventional Commits 安装好后,需要在setting.json中配置
"conventionalCommits.autoCommit": false,
"conventionalCommits.emojiFormat": "emoji",
"conventionalCommits.lineBreak": "/n",
"conventionalCommits.promptScopes": false,
"conventionalCommits.promptFooter": false,
然后就可以在源代码管理处看到这个插件得图标了
下一个插件待更新...
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~