分享一个好用的VSCode头部注释插件:Fileheader Pro

vscode中怎么快速进行头部注释?下面本篇文章给大家分享一个好用的vscode头部注释插件:fileheader pro,开箱即用又能完全自定义的fileheader插件您会喜欢么? 总之,非常好用就对了。 添加头部注释的事情就交给它吧!

分享一个好用的VSCode头部注释插件:Fileheader Pro

【推荐学习:《vscode入门教程》】

有时候需要在代码头部添加像这样的一段注释。这段注释包括了作者、代码版权许可等信息。每次重复添加都会让您觉得非常麻烦。作为开发者的您,时间是自然非常。那么这个插件,就是为这个场景而生,替你无感地默默做完这件事。如果您想要在代码头部添加一些类似这样的ASCII Art。它也能满足您的需求。

/* * @Author: IronLu233 * @Date: 2021-03-10 12:00:00 * Copyright © 你的公司名字. All rights reserved. */
/*#### ########   #######  ##    ## ##       ##     ##  #######   #######   #######   ##  ##     ## ##     ## ###   ## ##       ##     ## ##     ## ##     ## ##     ##  ##  ##     ## ##     ## ####  ## ##       ##     ##        ##        ##        ##  ##  ########  ##     ## ## ## ## ##       ##     ##  #######   #######   #######   ##  ##   ##   ##     ## ##  #### ##       ##     ## ##               ##        ##  ##  ##    ##  ##     ## ##   ### ##       ##     ## ##        ##     ## ##     ## #### ##     ##  #######  ##    ## ########  #######  #########  #######   #######   * @author        IronLu233  * @date          2022-06-12 22:33:53 */

这段代码来自这里:https://github.com/IronLu233/fileheader-pro/blob/main/src/Extension.ts

安装与使用

如何获得它

Fileheader Pro – Visual Studio Marketplace VSCode扩展市场,点击Install

让它默默添加头部注释

文件注释中的信息来自于您的版本控制工具,目前插件还只支持Git,再未来它将支持SVN,Mercurial等其它版本控制工具。 因此请您确保在有Git的项目中使用它。

安装后,默认的模板将能复合大部分的使用场景。

当你新建一个文件后,将会自动地为你添加Fileheader。因此大部分情况下您不需要下文中的手动添加

1.gif

如您需要手动添加到已有代码,打开一个文件后,在您的命令面板里【您可以使用Ctrl(Mac下是Command) + Shift + P】,输入Fileheader Pro: Add Fileheader并按下回车,就能见到文件注释恰如其分地加入到了您巧夺天工的代码头部。

2.gif

保存时,您的文件头部注释需要更新时,Fileheader Pro将会自动为您更新。

3.gif

自定义模板

尽管自带的模板能满足大部分场景。但自定义模板的强大与整活能力,也值得为它去专门配置。

4.gif

别忘了将你的模板提交到git上,并且让与你一起开发的同学也安装Fileheader Pro

首先我们需要创建一个模板。在您VSCode的命令面板中,执行这样的命令: Fileheader Pro: Generate Custom Fileheader Template;

5.gif

此时在项目的根目录下的.vscode/fileheader.template.js。请修改类CustomLanguageProvider。特别是它的getTemplate方法。它的返回值,就决定了您的文件头部注释最后的模样。另外,languages将会决定,在那些语言的文件中它可以被使用。

请务必将所有返回的字符串使用tpl进行模板字符串函数的调用,否则可能会出现一些奇奇怪怪的问题

6.gif

可以使用variable中的各个字段,对其进行加工处理,放入模板之中。variables的字段有下列这些

字段 含义

birthtime文件被创建的时间,如果它被版本控制系统所追踪那么会从版本控制系统中获取创建时间,否则将使用文件在磁盘中创建的时间mtime文件被修改时间。获取逻辑同birthime不建议使用mtime。因为当一个文件被多个人修改时,他们关于mtime的注释,会在代码合并时造成冲突!authorName作者名字,会从版本控制工具历史中寻找,如果这个文件是新的,那么它将会使用userNameauthorEmail作者的电子邮箱,回退机制同authorNameuserName用户的名字。对于git来说,会通过git config user.name获取userEmail用户的电子邮箱,对于git会通过git config user.email获取companyName公司名称。没有公司的可以去工商局登记成立projectName当前项目的名称,也就是就是VSCode所打开的文件夹的名称filePath当前文件的路径dirPath当前文件的目录路径fileName当前文件的文件名

Fileheader Pro源代码本身就使用了自定义模板添加头部注释。

所以它也是一个例子:

fileheader-pro/fileheader.template.js at main · IronLu233/fileheader-pro (github.com)

配置项

FileheaderPro.disableFileds

对于默认的模板,其中的各个字段都可以通过它来禁用。禁用的字段将不会出现在注释之中。您可以在VSCode的设置界面中,对其进行修改

默认值是['mtime']不建议启用mtime。因为当一个文件被多个人修改时,他们关于mtime的注释,会在代码合并时造成冲突!7.gif

FileheaderPro.companyName

您需要在设置中,告诉插件公司的名字,因为无法从任何其它地方得到它!

FileheaderPro.currentUserName和FileheaderPro.currentUserEmail

这两个字段可以直接覆盖掉模板中的userNameuserEmail变量,也会间接影响authorNameauthorEmail(当文件并未被版本控制工具追踪的时候)

FileheaderPro.dateFormat

注释中的日期的格式。请参考:https://momentjs.com/docs/#/displaying/format

FileheaderPro.autoInsertOnCreateFile

是否启用创建文件时,自动添加文件头部注释。默认它是开启的

FileheaderPro.autoUpdateOnSave

是否保存时更新fileheader。默认启用。

Fileheader Pro内部只在需要的时候更新文件头部注释。

Q & A

它是怎么实现的?

使用了ES6的tagged template。

我们可以知道哪一些是固定的字符串,哪一些是用户所使用的变量。接下来请参考这个抽象类

fileheader-pro/FileheaderLanguageProvider.ts at main · IronLu233/fileheader-pro (github.com)

没有我支持的语言

目前支持这些语言

JavascriptTypescriptPythonHTMLCSSVueJava请使用自定义模板,或者发起一个issue。当然,也欢迎提PR来为Fileheader Pro添砖加瓦

更多关于VSCode的相关知识,请访问:vscode教程!

以上就是分享一个好用的VSCode头部注释插件:Fileheader Pro的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/57043.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月10日 03:43:19
下一篇 2025年11月10日 04:00:19

相关推荐

  • c++如何配置Visual Studio Code进行开发和调试_c++开发环境搭建与调试配置教程

    c++kquote>首先安装C++编译器如MinGW-w64或Xcode命令行工具,然后在VS Code中安装C/C++扩展包,接着配置c_cpp_properties.json、tasks.json和launch.json文件以设置编译路径、构建任务与调试参数,最后通过编译运行和调试功能验证…

    2025年12月19日
    000
  • C++如何为项目配置调试环境

    配置C++调试环境需生成调试符号并正确设置IDE或调试器。首先编译时添加-g(GCC/Clang)或/Zi(MSVC)以生成调试信息,使用CMake时设CMAKE_BUILD_TYPE为Debug;其次在IDE中配置可执行文件路径、工作目录、命令行参数、环境变量及调试器类型(如GDB、LLDB),V…

    2025年12月18日
    000
  • C++使用VSCode和CMake搭建项目环境方法

    答案是:在VSCode中通过安装编译器、CMake及C++扩展,创建CMakeLists.txt配置项目,利用CMake Tools扩展实现构建与调试。 在VSCode里用CMake搭建C++项目环境,其实就是把VSCode作为你的代码编辑器和调试前端,而CMake则负责生成跨平台的构建系统。核心思…

    2025年12月18日
    000
  • C++在Windows子系统WSL中搭建环境方法

    在WSL中搭建C++环境需先启用WSL并安装Linux发行版,更新系统后安装build-essential、clang、cmake等开发工具,再通过VS Code的Remote – WSL扩展实现高效编辑与调试,配合tasks.json和launch.json配置编译调试任务,利用WSL…

    2025年12月18日
    000
  • C++使用VSCode进行环境配置的步骤

    答案:配置VSCode的C++环境需安装VSCode、选择编译器(如MinGW-w64、MSVC或Clang)、安装C/C++扩展,并配置tasks.json和launch.json文件。具体步骤包括:下载安装VSCode;根据操作系统选择并安装对应编译器,Windows推荐MinGW-w64或MS…

    2025年12月18日
    000
  • C++环境搭建中如何优化IDE配置提高效率

    答案:优化C++ IDE配置需从编译器集成、代码编辑、调试和版本控制四方面入手,通过个性化设置提升效率。首先,选用CMake统一构建流程,确保IDE精准索引;其次,配置智能补全、Clang-Tidy/Cppcheck实时检错及Clang-Format保存自动格式化,保障代码质量与风格统一;再者,定制…

    2025年12月18日
    000
  • C++环境搭建常见报错如何解决

    C++环境搭建报错主要由编译器路径、链接器配置和头文件路径问题引起。首先需检查系统PATH环境变量是否包含编译器bin目录,如Windows下添加MinGWbin至Path,Linux/macOS在shell配置文件中导出路径,并在IDE中正确设置compilerPath;其次链接错误常见于未正确引…

    2025年12月18日
    000
  • C++初学者如何快速完成环境搭建

    最直接的方法是使用Visual Studio或VS Code。Windows用户可安装Visual Studio Community,勾选“使用C++的桌面开发”工作负载,自动集成编译器与调试工具;跨平台用户可选VS Code,配合MinGW/Clang编译器,通过安装C/C++扩展并配置tasks…

    好文分享 2025年12月18日
    000
  • C++使用MinGW在Windows上搭建环境流程

    答案:通过MinGW-w64在Windows上搭建C++开发环境,需下载并解压MinGW-w64至无空格路径,将bin目录添加到系统Path环境变量,验证g++、gcc、gdb命令是否可用,最后用简单C++程序测试编译运行;推荐使用x86_64-posix-seh版本,因其对64位系统支持更好且兼容…

    2025年12月18日
    000
  • C++环境搭建中如何解决头文件路径问题

    答案是通过正确配置构建系统或IDE的包含目录来解决C++头文件路径问题。具体包括:在命令行使用-I参数、在Makefile中设置CPPFLAGS、在CMake中使用target_include_directories指定路径,并在Visual Studio或VS Code中设置附加包含目录或配置c_…

    2025年12月18日
    000
  • C++如何在VSCode中配置编译器和调试器

    答案是配置VSCode运行C++需安装C/C++扩展和MinGW-w64,设置环境变量后,通过c_cpp_properties.json配置编译器路径,tasks.json定义带-g参数的g++编译任务,launch.json设置调试器路径并关联预编译任务,确保文件路径与参数正确,最终实现编译调试自…

    2025年12月18日
    000
  • C++环境搭建适合初学者的IDE推荐

    初学者应优先选择VS Code或Visual Studio进行C++环境搭建。VS Code轻量跨平台,配合C/C++扩展和编译器(如MinGW-w64、Clang、GCC),适合希望灵活学习的用户;Visual Studio Community在Windows上功能全面、开箱即用,集成MSVC编译…

    2025年12月18日
    000
  • 如何为C++配置VSCode开发环境

    配置C++开发环境需先安装MinGW-w64并配置环境变量,再安装VSCode及C++扩展,接着创建并修改tasks.json和launch.json文件以支持编译调试,最后通过编写代码验证配置;常见问题包括编译器路径错误、中文乱码等,可通过检查路径、编码设置等方式解决;优化体验可使用Clang-F…

    2025年12月18日
    000
  • C++初学者环境搭建指南包含编译调试配置

    答案:初学者搭建C++开发环境推荐使用VS Code搭配MinGW,核心是安装并配置编译器与编辑器,通过设置环境变量、tasks.json和launch.json实现编译调试。 搭建C++开发环境,对初学者来说,核心就是搞定一个编译器和一套趁手的开发工具,并让它们能互相“说话”,也就是编译和调试。这…

    2025年12月18日
    000
  • C++开发环境如何在Windows上快速搭建

    选择适合的C++开发环境需根据开发方向决定:Windows原生开发首选Visual Studio(含MSVC编译器),跨平台或轻量开发推荐MinGW-w64配合VS Code;前者集成度高、调试强,后者灵活高效、支持多平台;配置时确保编译器路径加入系统PATH,并正确设置VS Code的c_cpp_…

    2025年12月18日
    000
  • Visual Studio Code中配置远程C++开发环境的步骤是什么

    首先确保远程服务器安装SSH服务及g++、gdb、make,本地安装VS Code并配置Remote – SSH插件,通过SSH连接远程服务器后安装C/C++扩展包,生成tasks.json和launch.json配置编译调试任务,利用Ctrl+Shift+B编译、F5调试;为解决连接不…

    2025年12月18日
    000
  • 在VS Code中实现C++代码智能提示和自动补全的设置方法

    要实现VS Code中C++的智能提示和自动补全,需安装微软C/C++扩展并配置c_cpp_properties.json文件,确保编译器路径、头文件路径和IntelliSense模式正确;推荐使用CMake Tools扩展结合compile_commands.json实现跨平台自动配置,提升开发效…

    2025年12月18日
    000
  • 如何为C++配置代码格式化工具Clang-Format并集成到IDE

    答案:配置Clang-Format需安装工具、创建.clang-format文件并集成到IDE。安装后生成配置文件,自定义缩进、大括号等规则,并在VS Code、Visual Studio或CLion中设置路径与保存自动格式化,确保团队代码风格统一,提升可读性、维护性和协作效率。 说实话,每次看到项…

    2025年12月18日
    000
  • 在没有管理员权限的电脑上如何配置便携式C++开发环境

    答案:在无管理员权限的电脑上配置C++开发环境需使用便携式工具,核心是通过解压MinGW-w64获取编译器、选用VS Code等便携IDE,并用批处理脚本临时配置PATH变量,使工具链在用户空间自包含运行,避免触碰系统目录和注册表,从而实现独立开发。 在没有管理员权限的电脑上配置C++开发环境,核心…

    2025年12月18日
    000
  • 怎样配置C++的云原生调试环境 K8s容器内调试工具链

    在kubernetes容器内调试c++++应用的核心方法是通过远程调试,具体是将gdb或lldb集成到容器镜像中,使用kubectl port-forward将容器内调试端口映射到本地,并在vs code中配置launch.json实现远程附加调试,整个过程需确保编译时包含-g选项生成调试符号、正确…

    好文分享 2025年12月18日
    000

发表回复

登录后才能评论
关注微信