検索
ホームページ開発ツールVSCode便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Pro
便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader ProJul 13, 2022 pm 08:22 PM
vscodeヘッダーアノテーションプラグイン

VSCode でヘッダー コメントをすばやく作成するにはどうすればよいですか?次の記事では、便利な VSCode ヘッダー注釈プラグインを紹介します: Fileheader Pro: すぐに使用でき、完全にカスタマイズできる Fileheader プラグインを気に入っていただけますか?全体として、とても使いやすいです。ヘッダーコメントの追加は任せてください!

便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Pro

[推奨学習: 「vscode 入門チュートリアル 」]

このようなコメントを先頭に追加する必要がある場合があります。コード 。このコメントには、作成者、コードの著作権ライセンスなどの情報が含まれます。追加するたびに繰り返すと非常に面倒に感じてしまいます。開発者として、時間はもちろん非常に重要です。そして、このシーンのためにこのプラグインが生まれ、何も感じずに静かにそれを行うことができます。コードの先頭に ASCII アートを追加したい場合は、次のようにします。あなたのニーズにも対応できます。

/*
 * @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
 */
#このコードはここから来ています:

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

インストールと使用

入手方法

    ##Fileheader Pro - Visual Studio Marketplace
  • VSCodeマーケットを展開し、[インストール]
をクリックすると、ヘッダー コメントがサイレントに追加されます。

ファイル コメント内の情報は、バージョン管理ツールから取得されます。現在、プラグインは Git のみをサポートしていますが、将来的には SVN や Mercurial などの他のバージョン管理ツールもサポートする予定です。そのため、Git を使用したプロジェクトでは必ず使用してください。

インストール後、デフォルトのテンプレートはほとんどの使用シナリオを組み合わせることができます。

新しいファイルを作成すると、ファイルヘッダーが自動的に追加されます。したがって、ほとんどの場合、手動で追加する必要はありません。

便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Pro既存のコードに手動で追加する必要がある場合は、ファイルを開いてコマンド パネルに移動します [ Ctrl (Mac では Command) Shift P] を押し、「

Fileheader Pro: Add Fileheader

」と入力して Enter を押すと、独創的なコードの先頭にファイルのコメントが適切に追加されていることがわかります。

便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Pro#保存時にファイル ヘッダーのコメントを更新する必要がある場合、Fileheader Pro が自動的にコメントを更新します。

便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Pro

カスタム テンプレート

組み込みのテンプレートは、ほとんどのシナリオに対応できます。ただし、カスタム テンプレートの強力な機能と統合機能により、カスタム テンプレートを特別に構成する価値があります。

便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Pro#テンプレートを git に送信することを忘れずに、一緒に開発する学生にも Fileheader Pro をインストールするよう依頼してください

まずテンプレートを作成する必要があります。 VSCode コマンド パネルで、次のコマンドを実行します。

Fileheader Pro: Generate Custom Fileheader Template
;

現時点では、次のコマンドをプロジェクトのルート ディレクトリで実行します。 便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Pro.vscode/fileheader.template.js

。 クラス

CustomLanguageProvider を変更してください。特に getTemplate メソッドです。その戻り値によって、ファイル ヘッダー コメントの最終的な外観が決まります。さらに、言語によって、どの言語のファイルを使用できるかが決まります。 # テンプレート文字列関数を呼び出すには、返されたすべての文字列に対して必ず tpl

を使用してください。そうしないと、奇妙な問題が発生する可能性があります。

変数の各フィールドを使用して処理し、テンプレートに入れることができます。 変数のフィールドには次のものが含まれます

#フィールド意味##birthtimemtimebirthimeauthorNameuserName ## が使用されます。 #authorEmail著者の電子メール アドレス。フォールバック メカニズムは と同じです。 # userNameユーザーの名前。 git の場合、 は、userEmail ユーザーの電子メール アドレスを取得するために使用されます。 git config user.email会社名。会社をお持ちでない場合は、商工局に行って登録してください。現在のプロジェクトの名前。 VSCode によって開かれたフォルダーの名前現在のファイルのパス現在のファイルのディレクトリ パス現在のファイルのファイル名ファイルヘッダーPro のソース コード自体は、カスタム テンプレートを使用してヘッダー コメントを追加します。 これも例です:
ファイルが作成された時刻created 、バージョン管理システムによって追跡されている場合は作成時刻がバージョン管理システムから取得され、それ以外の場合はファイルがディスク上に作成された時刻
file 変更された時刻。取得ロジックは と同じです。 は mtime の使用をお勧めしません。ファイルが複数の人によって変更されると、mtime に関するコメントによってコードがマージされるときに競合が発生するためです。
作成者名はバージョン管理ツールの履歴に表示されます。ファイルが新しい場合は、
authorName
git config user.name
Get companyName
projectName
filePath
dirPath
fileName

fileheader-pro/fileheader.template.js at main · IronLu233/fileheader-pro (github.com)

設定項目

FileheaderPro.disableFileds

デフォルト テンプレートの場合、そのテンプレートを通じて各フィールドを無効にできます。無効なフィールドはコメントに表示されません。 VSCode の設定インターフェイスで変更できます。

デフォルト値は

['mtime']

です。
mtime を有効にすることはお勧めできません。ファイルが複数の人によって変更されると、mtime に関するコメントによってコードがマージされるときに競合が発生するためです。

便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader ProFileheaderPro.companyName

設定で会社名をプラグインに伝える必要があります。指定することはできません。どこからでも入手してください!

FileheaderPro.currentUserName および FileheaderPro.currentUserEmail

これら 2 つのフィールドは、テンプレート内の userName および

userEmail## を直接上書きできます。 #変数は、

authorName および authorEmail (ファイルがバージョン管理ツールによって追跡されていない場合) FileheaderPro.dateFormat # にも間接的に影響します。 ##コメント内の日付の形式。参照してください: https://momentjs.com/docs/#/displaying/format

FileheaderPro.autoInsertOnCreateFile

ファイル作成時にファイルヘッダーの自動追加を有効にするかどうか注記。デフォルトではオンになっています

FileheaderPro.autoUpdateOnSave

保存時にファイルヘッダーを更新するかどうか。デフォルトで有効になっています。

Fileheader Pro は、必要な場合にのみ内部的にファイル ヘッダーのコメントを更新します。

Q & A

どのように実装されますか?

ES6 の
タグ付きテンプレート

を使用します。

どれが固定文字列で、どれがユーザーによって使用される変数であるかを知ることができます。次に、メインのこの抽象クラス

fileheader-pro/FileheaderLanguageProvider.tsを参照してください・IronLu233/fileheader-pro (github.com)

without me サポートされている言語

これらの言語は現在サポートされています

Javascript

Typescript

Python

以上が便利な VSCode ヘッダー注釈プラグインを共有します: Fileheader Proの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事は掘金社区で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
手把手带你会习VSCode debug,不信你还不会!手把手带你会习VSCode debug,不信你还不会!Mar 31, 2022 pm 08:45 PM

2022年了,该学会用VSCode debug了!下面本篇文章手把手带大家会习VSCode debug,希望对大家有所帮助!

浅析VSCode怎么关闭自动更新浅析VSCode怎么关闭自动更新Jun 02, 2022 pm 12:56 PM

VSCode怎么关闭自动更新?下面本篇文章给大家介绍一下VSCode关闭自动更新的方法,希望对大家有所帮助!

手把手带你在VSCode中配置 Geant4 和 Root手把手带你在VSCode中配置 Geant4 和 RootApr 25, 2022 pm 08:57 PM

本篇是VSCode配置文章,手把手教大家怎么在VSCode​中配置使用 Geant4 和 Root,希望对大家有所帮助!

23个提高开发效率的前端VSCode插件(快来收藏)23个提高开发效率的前端VSCode插件(快来收藏)Jul 25, 2022 pm 08:06 PM

本篇文章给大家分享23个前端VSCode插件,助你提高开发效率,让你事半功倍,快来收藏吧!

扒一扒vscode Prettier选项中的16个实用属性,让代码变美!扒一扒vscode Prettier选项中的16个实用属性,让代码变美!May 03, 2022 am 10:00 AM

本篇文章扒拉一下vscode Prettier的选项,总结分享16个让你的代码变漂亮的属性,希望对大家有所帮助!

总结分享12个好玩有趣的 VSCODE 插件总结分享12个好玩有趣的 VSCODE 插件May 27, 2022 am 11:06 AM

“工欲善其事,必先利其器!”,vscode作为前端开发的重要工具,其插件能大幅提升战斗力,精心收集12个插件,总有几款你还未曾拥有。

VSCode中如何开发uni-app?(教程分享)VSCode中如何开发uni-app?(教程分享)May 13, 2022 pm 08:11 PM

VSCode中如何开发uni-app?下面本篇文章给大家分享一下VSCode中开发uni-app的教程,这可能是最好、最详细的教程了。快来看看!

【吐血总结】23个VSCode 插件,助你提高开发效率和美观性【吐血总结】23个VSCode 插件,助你提高开发效率和美观性Mar 10, 2022 pm 08:01 PM

本篇文章给大家总结了23个各种功能的VSCode 插件,可以帮助开发者提高开发效率和美观性,希望对大家有所帮助!

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター