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

Node.js のパッケージ管理ツールについて学ぶための 1 つの記事 - 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 -S
##コマンドでインストールした後は、先ほどのグローバル方式を使用できるようになります。圧縮時にエラーメッセージが表示されます。もちろん、ここでは注意する必要があります:
次のエラーが表示される前に、先ほどテストしたグローバルな方法でインストールされたパッケージ uninstalll をアンインストールする必要があります。

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

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

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

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

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

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

--save-devコマンドコマンド:

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

コマンドの省略形:

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

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

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

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

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

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

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