好用的VSCode头部注释插件Fileheader Pro

好用的VSCode头部注释插件Fileheader Pro是一个便捷的工具,可以自动为代码文件添加头部注释,提高代码可读性,下面将详细讲解如何使用。

安装

在VSCode插件市场搜索“Fileheader Pro”,点击安装即可。

或者通过以下命令行安装:

code --install-extension chenxsan.vscode-fileheader-pro

配置

在VSCode的Setting面板中搜索“Fileheader”,会出现File Header Pro的配置项,可以根据自己的需求设置生成头部注释的格式、作者信息、文件创建时间等内容。

其中,部分常用设置如下:

配置项 说明
fileheader.Author 作者信息
fileheader.License 版权信息
fileheader.formatOnSave 是否在保存文件时自动添加头部注释

示例

以下是两个添加头部注释的示例:

示例一

在JavaScript文件中,输入以下命令,会自动添加头部注释:

> fhp

或者使用快捷键:ctrl+alt+i

在注释中自动生成了如下信息:

/*
 * @Author: your name
 * @Date: 2021-07-26 17:37:24
 * @LastEditTime: 2021-07-26 17:37:24
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: /test.js
 */

其中, Author为上文配置中设定的作者信息, Date为当前时间, LastEditTimeLastEditors表示文件最后修改时间和修改者, Description可以自由设置, FilePath为文件路径。

示例二

在Python文件中,也可以使用类似的命令添加头部注释:

"fileheader": {
    "templates": {
      "python": {
        "prefix": "fhp",
        "body": [
            "# -*- coding: utf-8 -*-",
            "# @Author: your name",
            "# @Date: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            "# @LastEditTime: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
            "# @LastEditors: your name",
            "# @Description: In User Settings Edit",
            "# @FilePath: ${TM_FILEPATH}"
        ],
        "description": "Python File Header"
      }
    }
  }

对于Python文件,添加 "python" 模板,然后使用 fhp 快捷键即可自动生成头部注释,注释中包含当前文件的编码方式、作者信息、文件创建和修改时间等信息。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:好用的VSCode头部注释插件Fileheader Pro - Python技术站

(0)
上一篇 2023年6月9日
下一篇 2023年6月9日

相关文章

  • javascript中window.event事件用法详解

    JavaScript中window.event事件用法详解 什么是window.event事件? window.event(也称为事件对象)是JavaScript中的一个全局对象,它代表当前用户与浏览器之间的事件。当某个事件(例如,鼠标点击或键盘敲击)发生时,event对象将记录这个事件的各种信息。 如何使用window.event对象? 访问event对象…

    css 2023年6月9日
    00
  • 只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)

    下面我就来详细讲解这篇文章中的“只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)”的完整攻略。 1. 确定需求和目标 在开始制作前,我们首先需要明确我们要实现的功能和效果。在这篇文章中,我们的目标是制作一个便签贴特效,这个特效需要包含以下几个要素: 一个可拖拽的便签贴 点击便签贴时,弹出一个模态框,用于编辑便签内容 点击模态框中的保存按钮后,保…

    css 2023年6月9日
    00
  • Vue.js常用指令的使用小结

    下面是关于“Vue.js常用指令的使用小结”的完整攻略。 1. 常用指令简介 在 Vue.js 中,指令是特殊的带有 v- 前缀的自定义 HTML 属性,用于在渲染模板时添加特殊的响应式行为。常用指令包括 v-model、v-bind、v-on 等。下面对常用指令的使用方法进行详细介绍: 1.1 v-model 指令 v-model 指令可以在表单元素上创建…

    css 2023年6月11日
    00
  • springboot中的css样式显示不出了的几种情况

    Spring Boot中CSS样式无法显示的几种情况攻略 在Spring Boot项目中,CSS文件负责控制网页样式,让网页更加美观。然而,有时候我们会发现CSS样式无法显示,导致网页效果很奇怪,这是因为以下几种情况: 1. 路径问题 当CSS文件没有被正确地加载时,可能是因为路径设置不正确。在Spring Boot项目中,我们一般将CSS文件放在src/m…

    css 2023年6月9日
    00
  • XHTML1.0与HTML兼容指引16条 小结

    「XHTML1.0与HTML兼容指引16条小结」是一份非常重要的文档,它提供了一些在编写 XHTML 和 HTML 页面时需要注意的指导原则,确保我们的代码能够在各种浏览器和平台中顺利运行,并且可以达到良好的可访问性和可维护性。本文将详细讲解这份指引中的 16 条原则,并提供一些示例说明。 原则1:文档类型声明 在 Web 页面的顶部添加文档类型声明(DOC…

    css 2023年6月9日
    00
  • 浅析两列自适应布局的3种思路

    针对这个问题,我会按照以下结构将答案完整细致地回答出来: 问题背景介绍 解决问题的前提条件 进行两列自适应布局的3种思路的详细讲解 两条示例说明 总结、注意事项和扩展知识 接下来,我会分别回答每个问题,希望对你有所帮助。 1. 问题背景介绍 两列自适应布局指的是,页面中有两个并列的块级元素,每个块级元素占据页面的一半宽度,而且这两个块级元素的高度可以是自适应…

    css 2023年6月11日
    00
  • 圆角矩形的html+css实现代码

    实现圆角矩形的HTML+CSS代码需要用到CSS的border-radius属性。border-radius属性可以设置一个或多个边角的半径,实现圆角效果。具体操作如下: 步骤1:创建一个HTML代码结构,用div标签作为容器,即 ,用border属性设置边框样式。 <div class="box"></div> …

    css 2023年6月10日
    00
  • JavaScript实现动态创建CSS样式规则方案

    下面是详细讲解“JavaScript实现动态创建CSS样式规则方案”的完整攻略。 简介 对于前端开发者,CSS 是我们必备的技能之一。但是,有些情况下需要根据特定的需求去修改或者添加一些 CSS 样式规则,而这些样式规则又不能在 HTML 中预先定义。这时候,我们可以使用 JavaScript 来实现动态创建 CSS 样式规则。 实现方法 要动态创建 CSS…

    css 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部