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

yizhihongxing

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

相关文章

  • Vue使用Swiper的案例详解

    Vue使用Swiper的案例详解 介绍 Vue.js 是一个渐进式 JavaScript 框架,可以轻易地建立单页面应用程序(Single Page Application)。 Swiper 是一款轻量级的移动端(支持 PC 端)触摸滑动插件,用于实现轮播图、图片切换等效果。 在本文中,我们将讲解如何在 Vue 项目中使用 Swiper 插件来实现轮播图效果…

    css 2023年6月9日
    00
  • HTML中table表格拆分合并(colspan、rowspan)

    当需要在HTML页面中展示表格数据时, 标签就可以派上用场。这个标签提供了一种简单且易于理解的方式将数据以表格的形式展现出来。 如果需要在表格中进行合并或者拆分列与行,就可以通过使用colspan和rowspan这两个属性来实现。 1. 合并表格列(colspan) 如果希望将表格中的某些列合并成一列,就可以使用colspan属性来实现,该属性指定一个单元格…

    css 2023年6月10日
    00
  • JavaScript实现内容滚动与导航标签互动关联方案

    关于“JavaScript实现内容滚动与导航标签互动关联方案”的攻略,我将分为以下几个部分进行介绍和讲解: 实现思路: 在实现“JavaScript实现内容滚动与导航标签互动关联方案”前,先要明确实现的思路。具体而言,我们需要用JavaScript获取页面上的导航标签元素和内容区域元素,然后通过监听导航标签元素的点击事件,在导航标签被点击的时候,把点击的导航…

    css 2023年6月10日
    00
  • 使用display:inline-block居中没有宽度的元素

    当一个元素垂直方向完全居中,并且这个元素自身没有固定宽度的时候,可以使用display:inline-block属性以及text-align:center属性来实现。 步骤如下: 1.将要居中的元素设置为inline-block元素,并且设置vertical-align: middle属性,使其垂直方向居中。同时将父级元素设置为text-align: cen…

    css 2023年6月9日
    00
  • HTML语言大全

    HTML语言大全完整攻略 HTML是网站建设的基础语言,本文将详细讲解HTML语言的基本语法和标签,让初学者快速掌握HTML语言。 HTML基本语法 HTML语言是一种标记语言,它使用标签(tag)来描述Web页面上的文本、图像、链接等元素。 HTML代码一般包含以下几个部分: <!DOCTYPE html> :文档类型声明,表示HTML的版本。…

    css 2023年6月10日
    00
  • 利用CSS3实现进度条的两种姿势详解

    关于“利用CSS3实现进度条的两种姿势详解”的攻略,我将会提供以下的详细步骤及示例说明来帮助读者更好地理解。 一、实现进度条的基本原理 实现进度条的基本原理是利用CSS3中提供的transition属性和transform属性来实现。transition属性决定了进度条过渡的时间、过渡方式以及过渡对象;而transform属性则可以使过渡对象发生缩放、旋转、…

    css 2023年6月11日
    00
  • 详解使用HTML5的classList属性操作CSS类

    下面是使用HTML5的classList属性操作CSS类的完整攻略。 什么是classList属性 classList属性是HTML5中新增加的操作CSS类的属性。它可以让我们方便地对元素的class属性进行增、删、改、查等操作。 使用classList属性的常用方法 add 方法:增加CSS类 element.classList.add(className…

    css 2023年6月9日
    00
  • 教你用javascript实现随机标签云效果_附代码

    教你用javascript实现随机标签云效果 什么是标签云 标签云是一种展示标签/关键词的方式,通常使用多个字体大小和颜色来区分不同标签的重要程度或分类。标签云设计旨在方便用户快速找到自己想要的内容。 实现标签云的基本原理 使用JavaScript实现标签云的基本原理是:分析页面中的标签内容,给它们设置不同的字体大小和颜色,然后使用CSS样式控制它们的显示效…

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