Node.js のパッケージ管理ツールについて学ぶための 1 つの記事 - npm

npm は Node.js のパッケージ管理ツールです。次の記事では、Node パッケージ管理ツール -npm について詳しく説明します。お役に立てば幸いです。

1. npm の概要

npm (Node Package Manager) は、Node.js のパッケージ管理ツールです。

パッケージとは何ですか?パッケージはコードの一部であり、Node.js のサードパーティ モジュールです。

例: JQuery モジュール、Bootstrap モジュール

npm は Node.js と一緒にインストールされるコマンドです。つまり、Node.js をインストールすると、npm パッケージ管理ツールと一緒にインストールされます。

2. npm が正常にインストールされているかどうかをテストします

1. ショートカット キー win r でコマンド プロンプトを開くか、VScode ターミナルで黒いウィンドウを開きます。

2. npm --version コマンドまたは短縮コマンド npm -v を入力し、以下に示す npm のバージョン番号が表示されれば、インストールは成功です。

#3. パッケージの依存関係

npm では、パッケージとパッケージの依存関係をダウンロード (インストール) できます。たとえば、次のようになります。 Bootstrap パッケージは JQuery に依存しているため、BootStrap パッケージをダウンロードすると、JQuery パッケージも一緒にダウンロードされます。これは、私たちがよく言う「鶏が先か卵が先か」と同じです。したがって、パッケージには最初に JQuery、次に Bootstrap が含まれており、Bootstrap をインストールする場合は、依存パッケージの JQuery も一緒にインストールされます。

4. パッケージのインストール方法

1. 従来の手動ダウンロード: たとえば、Bootstrap をダウンロードしたい場合は、まず、このフレームワークの公式 Web サイトを見つけて入力し、適切なバージョンのリソースを見つけてダウンロードします。どの公式 Web サイトなのか覚えていない人もいるかもしれないし、検索する必要があるため、Web サイトを見つけてダウンロードするまでに時間がかかる場合があります。見つけた後も、適切なリソースを見つける必要があります。ダウンロード. このような面倒な操作は、当社の伝統的なダウンロード方法です。

2. npm パッケージ管理ツールを使用してインストールします。このパッケージには、フロントエンドで使用される多くのパッケージが含まれています。http://npmjs.com Web サイトでパッケージを検索して、ダウンロードしてインストールできます。 npm パッケージについて学習すると、これらのパッケージを 1 つのコマンドでインストールできるようになり、パッケージの公式 Web サイトを見つけてダウンロードする必要がなくなりました。インストールは、パッケージの名前を npm install することで実行できます。

5. npm ミラー ソース

npm ミラー ソースは、npm によって管理される Node.js パッケージのリソース アドレスです。

http://npmjs.com

6. npm はミラー ソースからパッケージをダウンロードします。

npm は次の場合にミラー ソースからパッケージをダウンロードします。 npm install パッケージ名を入力します。このコマンドの後、公式 Web サイト http://npmjs.com にアクセスして、開発者が使用するパッケージを検索、ダウンロード、インストールします。

たとえば、JQuery パッケージをダウンロードする場合は、黒いウィンドウにコマンド npm install JQuery を入力するだけです。

#npm ダウンロード アナロジー アプリ ストア

# # 7. npm ミラー ソースを変更する

私たちの npm ミラー ソースは海外の Web サイトです。パッケージをインストールし、海外に行ってインストールする必要があります。時間の無駄なので、インストールする必要があります。 npmイメージソースはコマンドで国内のイメージソースに変更できるので、素早くインストールでき効率が向上します。

npm イメージ ソースを変更するコマンド:

npm config set registry https://registry.npm.taabao.org

変更が成功したかどうかを確認します コマンド:

npm config get registry

例:

8. npm を使用してパッケージをインストールします

インストール コマンドを使用します:

npm install

#9. npm パッケージのインストール方法

9.1 グローバル インストール ##いわゆるグローバル インストールでは、パッケージをグローバル コマンドとして使用します。

インストール コマンド: npm install <パッケージ名> --global

インストール コマンドの省略形: npm i <パッケージ名> -g

グローバル インストールのインストール手順

1. ニーズを明確にする; 2. 適切なパッケージを見つける; 3. npm を介してパッケージをインストールする; 4. パッケージを使用する;

例: minify 圧縮パッケージのインストール

インストール コマンド: npm install minify -global

インストール コマンドの省略形: npm i minify - g

ファイルを圧縮するコマンド: minify 圧縮するファイルのパス>圧縮後に保存するファイルのパス

例: minify ./style. css > ./style. min.css

説明: 現在のディレクトリにある style.css ファイルを圧縮し、次にそれを現在のディレクトリに圧縮して、ファイル名を style.min.css## に変更します。

#解決策: このシステムではスクリプトの実行が禁止されているため、ファイル C:\Users\user\AppData\Roaming\npm\npx.ps1 を読み込むことができません。

1. Windows キーをクリックするか、画面の左下隅にあるボタンをクリックして管理者として PowerShell を開きます

2. コマンド set-ExecutionPolicy RemoteSigned を入力して Enter キーを押します;

次に、Y と入力して Enter キーを押します;

次に、コマンド「That's it」を入力します。

パッケージをアンインストールするコマンド:

npm uninstall minify -global

• アンインストール パッケージの短縮コマンド:

  npm uni minify -g

• 例: パッケージのアンインストールをテストした後、圧縮コマンドを実行します。間違いを見つけてください。

9.2 プロジェクト (部分) インストール

いわゆるプロジェクト (部分) インストール現在のプロジェクトでのみ使用されるパッケージです。

プロジェクトのインストール手順

1. プロジェクト ディレクトリ (mkdir プロジェクト) を作成します; 2. 次のように入力します。プロジェクト ディレクトリ (cd プロジェクト);

--------------------------注: 上記で自分で作成することもできます。 2 ステップ。コマンドは必要ありません。------------------------------------------

3. プロジェクトの初期化 (npm init);

4. プロジェクトにパッケージをインストール;

例: 初期化コマンドの実行結果

ディレクトリ

# に追加の package.json ファイルがあることがわかります。

##プロジェクトで、パッケージ コマンドに従います:

npm install --save

• プロジェクト内 パッケージのコマンド略称によると: npm i <package-name> -S</package-name>

• ##コマンドでインストールした後は、先ほどのグローバル方式を使用できるようになります。 圧縮時にエラー メッセージが表示されます。もちろん、ここでは注意する必要があります:

  次のエラーが表示される前に、先ほどテストしたグローバルな方法でインストールされたパッケージ uninstalll をアンインストールする必要があります。

エラーの理由は次のとおりです。グローバルを現在のプロジェクト (ローカル インストール) に変更したため、圧縮コマンドを使用したい場合は、次のコマンドを見つける必要があります。ミニファイバッグ。

コマンド npm i -S を入力すると、追加の node_modules ディレクトリが存在し、その下に .bin ディレクトリがあり、その .bin ディレクトリの下には minify パッケージです。今見つけました。

このパッケージを見つけましたが、圧縮コマンドを記述するにはどうすればよいでしょうか?

プロジェクト インストール パッケージのコマンドを使用します: ./node_modules/.bin/minify ファイル パス> 圧縮ファイル パス

例: ./node_modules/.bin/minify .\style.css > .\style.min.css

次の図を見てテストすると、ファイルが圧縮されました。

<span style="font-size: 18px;">--save-dev<strong></strong></span>コマンド コマンド:

npm install <パッケージ名> --save-dev

コマンドの省略形:

npm i <パッケージ名> -D

Npm インストール コマンド パラメーター

- 違い-save<span style="font-size: 18px;"><strong></strong></span> と --save-dev#- -save の間: インストール済みパッケージ。JQuery、Vue、Bootstrap パッケージなど、開発時およびオンライン時にインストール済みのパッケージを持ち運ぶ必要があります。これらのパッケージはスタイル レイアウト パッケージであるため、オンライン時に持ち運ぶ必要があります。

--save-dev: インストールされたパッケージは開発環境でのみ使用され、オンラインになった後は使用されません。その後、圧縮ファイルパッケージの縮小などのコマンドを使用します

#--save または --save-dev を使用してインストールされたかどうかを確認するにはどうすればよいですか?

パッケージをインストールすると、package.json に依存関係が生成されます。-S でインストールした場合は依存関係の下にあります。-D でインストールした場合は、それは依存関係の下にあります。将来パッケージをアンインストールすると、ここでの依存関係は消えます。そのため、package.json を見ることで、依存しているパッケージを確認できます。

#npm パッケージのインストール方法の概要

# #補足:

現在入力されているディレクトリで、vscode エディター コマンド code を開きます (ドット)

ノード関連の知識の詳細については、次のサイトを参照してください。 :

nodejs チュートリアル

!

以上がNode.js のパッケージ管理ツールについて学ぶための 1 つの記事 - npmの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。