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

相关文章

  • CSS样式表教程:浏览器默认样式

    CSS样式表教程:浏览器默认样式 1. 什么是浏览器默认样式 浏览器默认样式是指浏览器在没有CSS样式表的情况下为HTML元素应用的样式。不同的浏览器会有不同的默认样式,因此在网页开发中,了解浏览器默认样式非常重要。 2. 浏览器默认样式的问题 浏览器的默认样式通常都会存在一些问题,如过大的行高、字体太小或太大、不同浏览器之间的表现不一致等等。因此,为了解决…

    css 2023年6月9日
    00
  • JavaScript 空间坐标的使用

    以下是详细讲解“JavaScript 空间坐标的使用”的完整攻略。 什么是 JavaScript 空间坐标 JavaScript 空间坐标通常用于处理 3D 场景和动画。它是一组三维坐标系,包括 x、y、z 坐标轴,用于定位和测量物体的位置和方向。JavaScript 空间坐标通常被用于游戏开发、虚拟现实和计算机图形学等领域。 JavaScript 空间坐标…

    css 2023年6月9日
    00
  • HTML表单标签(form)详解

    HTML表单可以让用户输入和提交信息,例如登录名、密码、搜索词汇或任何其他数据。 form标签定义了一个HTML表单,并提供了一些属性来指定表单的操作和样式。 下面是对<form>标签的详细介绍以及示例代码: 基本结构: <form> <!– 在此处添加输入、选择和提交元素 –> </form> 在<…

    Web开发基础 2023年3月15日
    00
  • JS获取CSS样式(style/getComputedStyle/currentStyle)

    获取CSS样式是前端开发中非常重要的一项技能,可以帮助我们对网页的样式进行动态处理。JS获取CSS样式主要有三种方式:style、getComputedStyle和currentStyle,下面将分别进行详细讲解。 1. 使用style属性获取CSS样式 我们可以使用元素的style属性来获取它的内联样式。 <style> #box { widt…

    css 2023年6月10日
    00
  • CSS自定义select下拉选择框的样式(不用其他标签模拟)

    下面是关于“CSS自定义select下拉选择框的样式”的攻略: 1. 原生select样式覆盖 使用原生的select标签进行下拉菜单功能开发时,为了美观和更好的用户体验,我们通常会对其样式进行美化。但是,由于原生的select样式是很难被覆盖的,所以我们需要使用一些特殊技巧和CSS技巧进行样式覆盖。 1.1 隐藏原生select的样式 首先,我们需要将原生…

    css 2023年6月10日
    00
  • JQuery之拖拽插件实现代码

    JQuery是一种广泛使用的JavaScript库,可以简化对HTML文档的操作和创建动态Web页面等任务。JQuery UI是JQuery的官方用户界面库,为开发人员提供可重用的UI组件和交互性行为。 拖拽技术是Web开发中实现复杂交互的重要组成部分之一。JQuery UI提供了一个易于使用和定制的拖拽插件,并支持许多特性,例如限制在容器内部移动,对齐网格…

    css 2023年6月11日
    00
  • 使用CSS画爱心的过程详解

    下面就是“使用CSS画爱心的过程详解”的完整攻略及示例: 1. 确定画布和心形的大小 首先,在CSS中,我们先设定要绘制的爱心的大小,比如: .heart{ width: 50px; height: 50px; } 这里我们的爱心宽和高都是50px。另外,在画爱心前,我们需要先设置其容器的大小,以便我们能够更好地控制制爱心的位置和大小。代码如下: .cont…

    css 2023年6月10日
    00
  • 深入分析element ScrollBar滚动组件源码

    以下是深入分析 element ScrollBar 滚动组件源码的完整攻略: 1. 确认研究对象 Element 是一个基于 Vue.js 的后台前端组件库,其中的 ScrollBar 组件是用于实现滚动条功能的组件,我们的研究对象即为这个组件的源码。 2. 查阅官方文档 在深入研究 ScrollBar 组件源码之前,我们需要查看 Element 官方文档中…

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