生産的で楽な生活のために JavaScript 開発者として知っておくべき 19 の Node.js パッケージ

公開: 2022-09-14

JavaScript コードの作成に時間をかけすぎていませんか? JavaScript 開発者の生活を生産的かつ容易にするさまざまな Node.js パッケージについて学びましょう。

JavaScript は同期シングルスレッド言語です。 ソフトウェアおよびアプリケーション開発に最も広く使用されているプログラミング言語です。 Reactjs、Angularjs、Vuejs、Expressjs、Node.js などの多くのフレームワークは、ベース言語である JavaScript を使用して開発されています。

プロミス、イベントループ、コールバック、ホイスト、クロージャーなどのさまざまな複雑な概念が原因で、多くの開発者が JavaScript でのコーディング中に問題に直面します。

JavaScript での開発を容易にするために、エラーの処理、コードの書式設定、ファイルの削除、コードのデバッグ、セキュリティの確保などに役立つ多くの Node.js パッケージが利用可能です。CPU パワーをより視覚的に表現するためのインタラクティブなコマンド ライン ユーザー インターフェイスを提供するものもあります。処理能力、エラーの重大度など

Retire.js

Retire.js は、他の Javascript ライブラリ バージョンに関連する脆弱性のリストを提供する Javascript ライブラリです。

Chrome 拡張機能、Firefox 拡張機能、コマンド ライン スキャナー、Grunt プラグインなどとして使用できます。次のコマンドを使用してインストールできます。

 $ npm install -g retire

Retire.js には、JavaScript とノード ファイルをスキャンするためのさまざまなコマンドがあります。 JavaScript Web サイトをスキャンし、開発者のコ​​ンソールに警告を記録します。 Retire.js は、脆弱性を見つけると終了コード 13 を生成します。 Gulp タスクは、ファイルを自動的にスキャンし、脆弱性を報告します。

Np

Np は、コードのクリーンアップ、依存関係のインストール、パッケージとタグの発行などのさまざまな機能を提供する JavaScript パッケージです。これにより、コードがマスター ブランチに確実にプッシュされ、インタラクティブな UI が提供されます。

新しいリポジトリのセキュリティを確保するために、2 要素認証が使用されます。 依存関係を再インストールすることにより、最新バージョンで作業が行われるようにします。 最新バージョンが npm にプッシュされます。 次のコマンドを使用してインストールできます。

 $ npm install --global np

そのさまざまな機能には、任意のブランチからのコードの発行、発行用のサブディレクトリの作成、コードのクリーンアップとテストのスキップなどが含まれます。 -config.json.

ESLint

ESLint は、JavaScript を解析し、ECMA/JavaScript コードのパターンを識別する JavaScript パッケージ ツールです。 AST を使用してコード内のパターンを評価します。 ツールのすべてのルールはプラグインの形式で定義され、実行時に動的に追加できます。 ESLint は、次のコマンドを使用してインストールできます。

 $ npm init @eslint/config

上記のコマンドを使用してインストールすると、エラー定義とそれぞれの条件を含む一連のルールを含む .eslintrc ファイルが生成されます。 ESLint では、すべての依存関係をユーザーの .lock ファイルで定義でき、独自の .lock ファイルは使用しません。 安全性も高いです。

シェリズ

Shelljs は、Node.js API を介して任意のオペレーティング システムで UNIX コマンドを実行できる環境です。 Shelljs は移植可能であり、サードパーティのプラグインもサポートしています。 使用できるさまざまなコマンドは、echo、exec、chmod、pushd、popd、cd、cat などです。次のコマンドを使用して、Shelljs をインストールできます。

 $ npm install [-g] shelljs

Firefox、JSHint、ESLint、Zepto などのさまざまなプロジェクトでテストされています。Shelljs パッケージのローカル インポートは、グローバル インポートよりも優先されます。 サイレント、致命的、詳細などとして構成することもできます。

オムレツ

Omelette は、Node および Deno プロジェクトのコードを自動補完するためのテンプレートを提供します。 非常に簡単な API を使用し、Async API と Tree API もサポートします。 Omelette を実装するためのサンプル コード スニペットを以下に示します。

 import * as omelette from 'omelette'; const firstArgument = ({ reply }) => { reply([ 'beautiful', 'cruel', 'far' ]) } const planet = ({ reply }) => { reply([ 'world', 'mars', 'pluto' ]) } omelette`hello|hi ${firstArgument} ${planet}`.init()

Omelette をインポートしたら、Omelette オブジェクトを作成する必要があります。 次に、セットアップ用の setupShellInitFile() 、クリーンアップ用の cleanupShellInitFile() など、コードのオートコンプリート用のさまざまな関数を、コードのオートコンプリートのために omelette オブジェクトで呼び出すことができます。 また、複雑なテンプレート リテラル API を作成するための Lambda 関数の使用もサポートしています。

よりきれいに

Prettier はコードのフォーマットに使用されます。 これは、タブ スペースを与えるのに役立ち、1 行で最大のコンテンツを追跡し、条件付きおよびループ ステートメント内で適切なインデントを確保します。 コードをきれいで読みやすい形式に変換します。 例えば：

コード スニペットを以下に示します。

 foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

Prettier 拡張機能を使用すると、次のように変換されます。

 foo( reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne() );

CI 環境、統合開発環境 (IDE) などで実行できます。

jscpd

jscpd は、技術的負債管理サービスです。 これは、さまざまなコードやデジタル ドキュメントで重複するコード スニペットを見つけるのに役立つ JavaScript パッケージです。 コードの重複を見つけるために、Rabin-Karp と呼ばれる文字列マッチング アルゴリズムを使用します。

jscpd/core はさまざまな環境でコードの重複を検出する機能を備えており、jspd/tokenizer はプログラムのソース コードをトークン化するために使用されます。 これらとは別に、html-reporter、badge-reporter、leveldb-store などの他の多くのパッケージがあります。jscpd をインストールするためのコマンドは次のとおりです。

 $ npm install -g jscpd

jscpd は GitHub Super Linter、Code-Inspector、Mega-Linter、Codacy などで使用されています。それぞれが異なる目的で jscpd を使用しています。 自然言語処理、ライン アグリゲーター、コード分析などに使用されます。

Vトップ

Vtop は、コマンド ライン アクティビティをグラフィカルに表示するモニターです。 実行中のさまざまなスレッドやプロセスを分析し、グラフやスパイクなどでグラフィカルに表現することで、CPU 使用率に関する情報を提供します。JavaScript、Makefile、およびシェルを使用して開発されました。 Vtop をインストールするためのコマンドは次のとおりです。

 $ npm install -g vtop

さまざまなテーマとカラー コードを使用して、要件に応じて GUI をより魅力的にすることができます。 更新のための「u」、リストの一番上のプロセスに移動するための「g」、リストの最後に移動するための「G」、特定のグループに属するプロセスを強制終了するための「dd」などのさまざまなキーボード ショートカット。に使える。

標準js

Standardjs は、ファイル構成を自動化し、コードをフォーマットし、プログラマーの例外処理の問題を迅速に発見する JavaScript ライブラリです。 Standardjs をインストールするコマンドは次のとおりです。

 $ npm install standard --global
YouTube ビデオ

インストール後、コマンド ライン インターフェイスで「標準」コマンドを使用して、ファイル/コード スニペットに対して実行できます。 package.json ファイルの依存関係オブジェクトに「standard: "*"」を定義することで、Standardjs のすべての依存関係を追加できます。

また、Visual Studio Code、Sublime Text、Atom、Vim、Brackets などのさまざまなテキスト エディターのプラグインとしてインストールすることもできます。Node.js、Expressjs、npm、Brave、GoDaddy は Standardjs を使用してビジネス要件を満たしています。

NodeJsScan

NodeJsScan は、Node.js アプリケーション用の静的セキュリティ コード スキャナーです。 インタラクティブな UI を介してアプリケーションのセキュリティ ステータスを通知します。 アラート/通知用の Slack、NodeJsScan の settings.py ファイルで SMTP 設定を構成することによる電子メール アラート、CI/CD パイプラインなどのさまざまなアプリケーションと統合できます。また、docker イメージの構築にも役立ちます。

YouTube ビデオ

エラー、情報、および警告メッセージをログに記録します。 発生の理由、重大度、エラーが発生した行番号、スキャンされたファイルの数、見つかった問題など、エラーの詳細な説明。読みやすさと分析を向上させるために、グラフとチャートもプロットされます。

ごみ

Trash は、削除されたファイルを完全に削除するのではなく、ゴミ箱に移動する JavaScript ライブラリです。 Mac、Linux、および Windows をサポートしています。 Trash のインストールに使用するコマンドは次のとおりです。

 $ npm install trash

Trash は、trash() 関数が呼び出されたときに入力とオプションを関数パラメーターとして受け取る API です。 入力は、文字列または文字列配列の可能性があります。 オプションはオブジェクトである可能性があります。 Trash 関数は promise を返します。 異なるオペレーティング システムでは、異なるコマンドが使用されます。 macOS-trash は MacO で使用され、XDG 仕様は Linux で使用され、recycle-bin は Windows で使用されます。

ソ

Xo は、その下で ESLint を使用する JavaScript および TypeScript ラッパーです。 コードにインデントを付けたり、必要に応じてセミコロン、一重引用符、コンマなどを追加したりすることで、読みやすいコードを作成するのに役立ちます。 unicorn、import、ava、n などの多くの ESLint プラグインを Xo で使用できます。 xo のインストールに使用するコマンドは次のとおりです。

 $ npm install xo --save-dev

$xo –fix コマンドを使用すると、問題を自動的に修正できます。 Xo は、package.json ファイルの xo プロパティを使用して構成できます。 Vim、Visual Studio Code、Atom、Sublime Text、Emacs などのさまざまなエディターのプラグインとしてインストールできます。

diff2html

diff2html は「diff パーサーとプリティ HTML ジェネレーター」の略です。 以前のバージョンと比較して、現在のバージョンのコードの変更点が強調表示されます。 これにより、開発者はどのような変更が行われたかを簡単に特定して理解できます。 カラーコードを使用してこれを行います。

これは、行ごとおよび横並びの変更を強調表示することによって行われます。 コード構文の変更を強調表示し、同様の行をグループ化して、コードの変更を簡単に追跡できます。 diff2html をインストールするコマンドは次のとおりです。

 $ npm install diff2html

コマンドラインにも統合されています。 diff2html を使用するプロジェクトには、Jenkins、Codacy、Ungit、git-explorer、code-annotation などがあります。

チョーク

Chalk は、コードのフォーマットとスタイリングに役立つ Node.js モジュールです。 また、カラー テーマの作成とテキストへの追加にも役立ちます。 表現力豊かな API であり、そのパフォーマンスは優れています。 スタイルをネストし、依存関係はありません。 Chalk の使用法は、以下のコード スニペットで確認できます。

 import chalk from 'chalk'; console.log(chalk.blue('Hello world!'));

chalk.level は、各レベルでサポートされる色を定義します。 「0」はすべての色が無効であることを示し、「1」は基本的な色のサポートを示し、「2」は 256 色のサポートを示し、「3」は Truecolor のサポートを示します。 チョークでサポートされているテキストを書式設定するためのさまざまなスタイル修飾子は、反転、非表示、表示、取り消し線、太字、リセット、イタリック、下線、上線、薄暗いなどです。

Npキル

Npkill は、古くて重いノード モジュール フォルダーを削除するツールです。 ノードモジュールを非常に迅速に削除し、システムのスペースを空けるのに役立ちます. TypeScript、JavaScript、および Go を使用して開発されました。 依存関係がなく、使いやすいです。 Npkill のインストールに使用するコマンドは次のとおりです。

 $ npm i -g npkill

npkill コマンドでパスに指定されたすべてのノード モジュールが削除されます。 ただし、ノード モジュールの削除は元に戻すことができないため、注意が必要です。 プロセス中にアクティブなプロジェクトのモジュールが削除されると、ファイルが破損し、ノード モジュールを再度インストールする必要があります。

fkill-cli

fkill-cli は、Linux のプロセスとポートを強制終了するオープン ソースの対話型コマンド ライン ツールです。 Node.js を使用して開発されました。 シンプル、無料、安全、クロスプラットフォーム対応です。 Windows、Linux、および macOS で動作します。 fkill-cli のインストールに使用するコマンドは次のとおりです。

 $ npm install --global fkill-cli

プロセスを強制終了するには、プロセス名と ID が必要です。 「-f」は操作を強制的に実行し、「-v」コマンドはプロセス引数を表示します。 fkill API は入力とオプションを引数として取り、promise オブジェクトを返します。 一部のオプションには、force、silent、ignoreCase、tree、および forceAfterTimeout があります。

ローカルトンネル

Localtunnel は、システムの DNS とファイアウォールの設定を変更することなく、外部環境からコンピューターのローカル環境と Web サービスを共有できるようにするプラットフォームです。

YouTube ビデオ

要求は Localtunnel によってプロキシされ、パブリックにアクセス可能な URL を割り当てた後、ローカルに展開されたサーバーに渡されます。 Localtunnel のインストールに使用するコマンドは次のとおりです。

 $ npm install -g localtunnel

安全で、HTTPS リクエストを使用します。 これらの API を使用して Webhook をテストできます。 UI は、Localtunnel を使用してクラウド ブラウザーでテストできます。

Inquirer.js

Inquirer.js は、Node.js アプリケーション用の対話型コマンド ライン ユーザー インターフェイスです。 エラーの検出、入力の解析、回答の検証、および階層プロンプトの管理のプロセスが容易になります。 機能の実装には、ネイティブの ESM モジュールを使用します。 Inquirer.js のインストールに使用するコマンドは次のとおりです。

 $ npm install --save inquirer

使用されるさまざまなメソッドには、prompt、registerPrompt、createPromptModule などがあります。prompt() は、質問と回答を入力として受け取り、呼び出されたときに promise を返す関数です。

Question は、type、message、default、choices、filter などの質問関連の値のハッシュ バージョンであるオブジェクトです。回答のキーと値のオブジェクト ペアには、クライアント応答のハッシュ バージョンが含まれます。 キーは質問プロパティですが、値にはconfirm、input、number、rawlistなどを含めることができます。

http サーバー

http-server は、コマンド ラインの静的 http サーバーです。 シンプルで、設定は必要ありません。 index.html と 404.html の 2 つのファイルで構成されています。 index.html は、リクエストでレンダリングされるデフォルトのファイルです。 ファイルが見つからない場合、404.html がレンダリングされます。 http-server のインストールに使用するコマンドは次のとおりです。

 $ npm install --global http-server

HTML と JavaScript を使用して開発されました。 TLS/SSL 証明書によるセキュリティを確保します。 キーの暗号化と復号化に RSA アルゴリズムを使用します。 また、セキュリティ上の目的で秘密鍵とともにパスフレーズを定義することもできます。

最後の言葉

JavaScript は、ソフトウェア開発で最も広く使用されているプログラミング言語です。 開発者の生活を楽にするために、さまざまな Node.js パッケージが開発されました。

Retire.js、Localtunnel、Xo、Inquirer.js、Shelljs、fpkill、NodeJsScan、Prettier などの Node.js パッケージは、コードの書式設定、セキュリティの確保、コード変更の強調表示、重い不要なノード モジュールの削除などに使用できます。これにより、開発者はコードを効率的にデバッグ、記述、および管理できます。

Windows と macOS に Node.js と NPM をインストールする方法についてもお読みください。