Maison  >  Article  >  outils de développement  >  Partagez un plug-in d'annotation d'en-tête VSCode utile : Fileheader Pro

Partagez un plug-in d'annotation d'en-tête VSCode utile : Fileheader Pro

青灯夜游
青灯夜游avant
2022-07-13 20:22:573504parcourir

Comment annoter rapidement les en-têtes dans

VSCode ? L'article suivant partagera avec vous un plug-in d'annotation d'en-tête VSCode utile : Fileheader Pro Aimerez-vous le plug-in Fileheader qui est prêt à l'emploi et peut être entièrement personnalisé ? Dans l’ensemble, c’est assez simple à utiliser. Laissez-lui simplement le soin d'ajouter des commentaires d'en-tête !

Partagez un plug-in d'annotation d'en-tête VSCode utile : Fileheader Pro

【Étude recommandée : "Tutoriel d'introduction au vscode"】

Parfois, vous devez ajouter un commentaire comme celui-ci à l'en-tête du code. Ce commentaire comprend des informations telles que l'auteur, la licence de droit d'auteur du code, etc. Chaque ajout répété sera très gênant pour vous. En tant que développeur, votre temps est bien entendu très important. Alors ce plug-in est né pour cette scène, et il peut le faire pour vous en silence et sans sensation. Si vous souhaitez ajouter de l'art ASCII en tête de votre code, comme ceci. Cela peut également répondre à vos besoins.

/*
 * @Author: IronLu233
 * @Date: 2021-03-10 12:00:00
 * Copyright © 你的公司名字. All rights reserved.
 */
/*
#### ########   #######  ##    ## ##       ##     ##  #######   #######   #######  
 ##  ##     ## ##     ## ###   ## ##       ##     ## ##     ## ##     ## ##     ## 
 ##  ##     ## ##     ## ####  ## ##       ##     ##        ##        ##        ## 
 ##  ########  ##     ## ## ## ## ##       ##     ##  #######   #######   #######  
 ##  ##   ##   ##     ## ##  #### ##       ##     ## ##               ##        ## 
 ##  ##    ##  ##     ## ##   ### ##       ##     ## ##        ##     ## ##     ## 
#### ##     ##  #######  ##    ## ########  #######  #########  #######   #######  

 * @author        IronLu233 <lrironsora@gmail.com>
 * @date          2022-06-12 22:33:53
 */

Ce code vient d'ici :

https://github.com/IronLu233/fileheader-pro/blob/main/src/Extension.ts

Installation et utilisation

Comment l'obtenir

pour le laisser ajouter des commentaires d'en-tête en silence

Les informations contenues dans les commentaires du fichier proviennent de votre outil de contrôle de version, actuellement le plug- in prend uniquement en charge Git prendra en charge SVN, Mercurial et d'autres outils de contrôle de version à l'avenir. Assurez-vous donc de l'utiliser dans des projets avec Git.

Après l'installation, le modèle par défaut pourra combiner la plupart des scénarios d'utilisation.

Lorsque vous créez un nouveau fichier, l'en-tête de fichier sera automatiquement ajouté pour vous. Par conséquent, dans la plupart des cas, vous n'avez pas besoin d'ajouter manuellement ce qui suit

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

Si vous devez ajouter manuellement au code existant, après avoir ouvert un fichier, dans votre panneau de commande [vous pouvez utiliser Ctrl (Commande sous Mac) + Shift + P], entrez Fileheader Pro : Add Fileheader et appuyez sur Entrée, vous verrez que le commentaire du fichier est correctement ajouté à l'en-tête de votre code ingénieux. Fileheader Pro: Add Fileheader并按下回车,就能见到文件注释恰如其分地加入到了您巧夺天工的代码头部。

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

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

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

自定义模板

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

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

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

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

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

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

请务必将所有返回的字符串使用tpl

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

Enregistrer Lorsque les commentaires de votre en-tête de fichier doivent être mis à jour, Fileheader Pro les mettra automatiquement à jour pour vous. Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

Modèles personnalisés🎜

🎜Bien que les modèles intégrés puissent répondre à la plupart des scénarios. Cependant, la puissance et les capacités d’intégration des modèles personnalisés valent la peine d’être configurés spécifiquement. 🎜🎜Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro🎜🎜🎜 N'oubliez pas de soumettre votre modèle à git et demandez aux camarades de classe qui développent avec vous d'installer également Fileheader Pro🎜🎜🎜Nous devons d'abord créer un modèle. Dans votre panneau de commande VSCode, exécutez cette commande : Fileheader Pro : Générer un modèle d'en-tête de fichier personnalisé;🎜🎜Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro🎜🎜À ce moment, .vscode/fileheader.template.jsdans le répertoire racine du projet > . Veuillez modifier la classe CustomLanguageProvider. Surtout sa méthode getTemplate. Sa valeur de retour détermine l'apparence finale du commentaire d'en-tête de votre fichier. De plus, les langues détermineront dans quelles langues les fichiers peuvent être utilisés. 🎜🎜🎜Veuillez vous assurer d'utiliser tpl pour toutes les chaînes renvoyées afin d'appeler la fonction de chaîne de modèle, sinon des problèmes étranges pourraient survenir🎜🎜🎜🎜🎜🎜Vous pouvez utiliser chaque variable dans le champ de variable, traiter et placez-le dans le modèle. Les champs de variables incluent les éléments suivants🎜
Champ Signification
birthtime L'heure à laquelle le fichier a été créé, s'il est suivi par le système de contrôle de version, l'heure de création sera obtenue à partir du système de contrôle de version, sinon le fichier sera créé sur le disque L'heure
mtime L'heure à laquelle le fichier a été modifié. La logique d'acquisition est la même que celle de birthime, birthime不建议使用mtime。因为当一个文件被多个人修改时,他们关于mtime的注释,会在代码合并时造成冲突!
authorName 作者名字,会从版本控制工具历史中寻找,如果这个文件是新的,那么它将会使用userName
authorEmail 作者的电子邮箱,回退机制同authorName
userName 用户的名字。对于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的注释,会在代码合并时造成冲突!Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro

FileheaderPro.companyName

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

FileheaderPro.currentUserName和FileheaderPro.currentUserEmail

这两个字段可以直接覆盖掉模板中的userNameuserEmail变量,也会间接影响authorNameauthorEmailIl n'est pas recommandé d'utiliser mtime. Car lorsqu'un fichier est modifié par plusieurs personnes, leurs commentaires sur mtime provoqueront des conflits lors de la fusion du code !

authorName

Le nom de l'auteur sera trouvé dans l'historique de l'outil de contrôle de version. Si le fichier est nouveau, il utilisera userName

authorEmail

e-mail de l'auteur. le mécanisme de secours est le même que authorName

userName

Le nom de l'utilisateur. Pour git, l'adresse e-mail de l'utilisateur sera obtenue via git config user.name. Pour git, elle sera obtenue via git config user.email

companyName
.

Nom de l'entreprise. Si vous n'avez pas d'entreprise, vous pouvez vous adresser au Bureau Industriel et Commercial pour l'enregistrer

projectNameLe nom du projet en cours, qui est le nom du dossier ouvert par VSCode

filePath

Le chemin du fichier actuel

dirPath

Chemin du répertoire du fichier actuel

Pour le modèle par défaut, chaque champ qu'il contient peut être désactivé via celui-ci. Les champs désactivés n'apparaîtront pas dans les commentaires. Vous pouvez le modifier dans l'interface des paramètres de VSCode

La valeur par défaut est ['mtime'].
Il n'est pas recommandé d'activer mtime. Car lorsqu'un fichier est modifié par plusieurs personnes, leurs commentaires sur mtime provoqueront des conflits lors de la fusion du code !

Partagez un plug-in dannotation den-tête VSCode utile : Fileheader Pro🎜🎜

🎜FileheaderPro.companyName🎜🎜🎜Vous devez indiquer le nom de la société du plugin dans les paramètres car vous ne pouvez l'obtenir nulle part ailleurs ! 🎜

🎜FileheaderPro.currentUserName et FileheaderPro.currentUserEmail🎜🎜🎜Ces deux champs peuvent directement écraser le userName et le userEmail dans le modèle. code> affectera également indirectement <code>authorName et authorEmail (lorsque le fichier n'est pas suivi par l'outil de contrôle de version) 🎜🎜🎜FileheaderPro.dateFormat🎜🎜🎜dans les commentaires. format de la date. Veuillez vous référer à : https://momentjs.com/docs/#/displaying/format🎜🎜🎜FileheaderPro.autoInsertOnCreateFile🎜🎜🎜S'il faut activer l'ajout automatique de commentaires d'en-tête de fichier lors de la création d'un fichier. Il est activé par défaut🎜🎜🎜FileheaderPro.autoUpdateOnSave🎜🎜🎜S'il faut mettre à jour l'en-tête du fichier lors de l'enregistrement. Activé par défaut. 🎜🎜🎜Fileheader Pro ne met à jour en interne les commentaires d'en-tête de fichier qu'en cas de besoin. 🎜🎜🎜Q&A🎜🎜Comment est-il mis en œuvre ? 🎜🎜Utilisation du 🎜modèle balisé🎜 d'ES6. 🎜🎜🎜Nous pouvons savoir lesquelles sont des chaînes fixes et lesquelles sont des variables utilisées par les utilisateurs. Ensuite, veuillez vous référer à cette classe abstraite 🎜🎜🎜fileheader-pro/FileheaderLanguageProvider.ts sur main · IronLu233/fileheader-pro (github.com) 🎜🎜🎜🎜 Je ne prends en charge aucune langue 🎜🎜 Actuellement, ces langues sont prises en charge 🎜🎜🎜Javascript🎜 🎜Typescript🎜🎜Python🎜🎜HTML🎜🎜CSS🎜🎜Vue🎜🎜Java Veuillez utiliser un modèle personnalisé ou ouvrir un 🎜numéro🎜. Bien sûr, vous êtes également invités à soumettre des 🎜PR🎜 pour contribuer à Fileheader Pro🎜🎜🎜Pour plus de connaissances sur VSCode, veuillez visiter : 🎜tutoriel vscode🎜 ! 🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer