好用的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日

相关文章

  • jQuery幻灯片插件owlcarousel参数说明中文文档

    下面是详细讲解“jQuery幻灯片插件owlcarousel参数说明中文文档”的完整攻略: 什么是jQuery幻灯片插件owlcarousel? jQuery幻灯片插件owlcarousel是一款轻量级的jQuery插件,用于创建漂亮、干净、响应式的图片幻灯片展示页面。owlcarousel支持自动播放、响应式布局、无缝轮播、导航等功能,并且提供众多参数方便…

    css 2023年6月9日
    00
  • CSS3线性渐变简单实现以及该属性在浏览器中的不同

    CSS3 线性渐变是一种常用的页面样式效果,它可以实现从一个颜色到另一个颜色的平滑过渡效果。本文将详细讲解 CSS3 线性渐变的实现方法以及该属性在不同浏览器中的差异。 1. 实现方法 CSS3 线性渐变可以通过 linear-gradient() 函数来实现,该函数接受两个或多个颜色值作为参数,用逗号分隔。下面是一个简单的示例: background: l…

    css 2023年5月18日
    00
  • 设置层的漂移的简单实现方法

    当我们需要实现一个元素在页面中漂移的动态效果时,可以使用设置层的偏移量来达到我们想要的效果。 下面是一个简单的Markdown代码实现漂移效果的例子: ## 实现漂移效果 漂移效果使用绝对定位(position: absolute)的元素来实现。设置 left 或 top 属性,可以根据需要对元素进行偏移。 示例 1: 设置一个 div 元素的样式,并将其水…

    css 2023年6月10日
    00
  • CSS3属性使网站设计增强同时不消弱可用性

    当使用CSS3属性时,我们需要注意以下几点,才能使网站设计增强而不消弱可用性: 1. 逐步增强设计 为了保证网站的可用性,我们可以逐步对网站进行设计增强。例如,我们可以先使用不依赖于CSS3的标准CSS属性来设计网站,然后再逐步引入CSS3属性,这样可以确保设计增强不会影响网站的可用性。 2. 使用媒体查询 媒体查询可以根据设备屏幕的大小、设备分辨率、设备方…

    css 2023年6月10日
    00
  • webpack4 CSS Tree Shaking的使用

    下面是webpack4的CSS tree shaking的使用攻略。 什么是CSS tree shaking CSS tree shaking是一项优化技术,通过去除没有使用到的CSS代码,可以显著减小CSS的文件大小。在webpack4中,CSS tree shaking是通过PurgeCSS实现的,PurgeCSS是一个可以检查CSS中未使用样式的工具。…

    css 2023年6月9日
    00
  • css 字体单位之间的区分以及字体响应式的实现详解

    以下是“CSS 字体单位之间的区分以及字体响应式的实现详解”的完整攻略: CSS 字体单位之间的区分 在 CSS 中,有多种字体单位可供选择,包括像素(px)、百分比(%)、em、rem 等。以下是这些单位的区别: 像素(px):固定大小,不随页面缩放而变化。 百分比(%):相对于父元素的大小,随页面缩放而变化。 em:相对于当前元素的字体大小,随页面缩放而…

    css 2023年5月18日
    00
  • CSS样式表层叠(cascade)处理冲突

    CSS样式表层叠处理是指当多个样式表或样式规则应用到同一个元素时,通过一定的规则来决定最终的样式表,从而保证样式的可维护性和可预测性。 下面是CSS样式表层叠处理的攻略: 样式表来源 首先,需要确定样式表的来源,有四种样式表来源: 浏览器默认样式表 用户样式表 代理样式表(如反病毒软件、广告屏蔽插件等) 作者样式表 其中,权重最高的是作者样式表,其次是用户样…

    css 2023年6月10日
    00
  • 纯CSS3实现的阴影效果

    下面是“纯CSS3实现的阴影效果”的完整攻略: 什么是纯CSS3实现的阴影效果? 纯CSS3实现的阴影效果指的是利用CSS3中的阴影效果来为元素添加一层阴影,从而增强其视觉效果,不需要使用JavaScript或者图片等其他技术实现。CSS3中提供了多种阴影效果的属性,包括 box-shadow、text-shadow、inset等。 如何使用box-shad…

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