npm の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• npm へ行く。
• npm の差分を削除

#author("2024-07-07T17:37:42+09:00","default:k1rou","k1rou")
#author("2024-07-07T17:38:56+09:00","default:k1rou","k1rou")
*npm [#kea977ea]
**名称 [#oef29ebd]
-Node Package Manager

**概要 [#yd7b6255]
-https://www.npmjs.com/
-[[Node.js]] の[[パッケージ管理]]ツール
-[[Node.js]] をインストールすると一緒にインストールされる

*インストールの種類 [#qf93c1f2]
-グローバルインストール
--パッケージのインストール先：npmディレクトリ配下のnode_modules
--インストールしたパッケージの利用範囲：全てのプロジェクト

-ローカルインストール
--パッケージのインストール先：プロジェクトのディレクトリ配下のnode_modules
--インストールしたパッケージの利用範囲：対象のプロジェクト

*コマンド [#q58ea1ce]
-npmのヘルプ
 npm help
 npm help <command>

**npm 本体の操作 [#caf255c8]
-バージョンを確認
 npm --version
 npm -v

-npmのアップデート
 npm i npm
 npm i -g npm
 npm rebuild

**プロジェクトの管理 [#ba8497a6]
-初期化
--プロジェクトのディレクトリ配下で実行する
--package.json が作成される
 npm init
 npm init -yes
 npm init -y

-パッケージの復元
--プロジェクトのディレクトリ配下のpackage.json に記載されているパッケージをインストールする
 npm install

**パッケージの管理 [#g3a265ac]
-パッケージのインストール
--ローカルインストール
---プロジェクトのディレクトリ配下で実行する
 npm install <package-name>
 npm i <package-name>
 npm i <package-name>@<version-name>　※バージョンの指定

--グローバルインストール
 npm i -g <package-name>　※全体

-インストール済のパッケージの確認
 npm list　※カレントディレクトリ内
 npm list -g　※デバイス内全体

--パッケージのバージョンを確認
 npm list --depth=0
 npm list --depth=0 -g

--リリースされているパッケージのバージョン一覧を確認
 npm info <package-name> versions

-パッケージのアンインストール
 npm uninstall <package-name>
 npm un <package-name>
 npm un -g <package-name>

-パッケージのアップデート
--アップデートされていないパッケージを確認する
 npm outdated

--package.json に記載されているバージョンにアップデートする
 npm update
 npm up

**その他 [#mda8b44a]
-テストを実行
 npm t

-インストールしたモジュールの確認
 npm ls

*package.json [#be1e771a]
-パッケージ定義ファイル
-インストールするパッケージとパッケージのバージョン情報を一元管理する
-当ファイルを使って対象パッケージをインストールすることができる

-依存関係
--公開向けに必要なパッケージ (dependencies)
---インストール時に(--save オプション)を指定して追記する
 npm i --save <package-name>
---依存関係を削除する
 npm un --save <package-name>

--開発向けに必要なパッケージ (devDependencies)
---インストール時に(--save-dev オプション)を指定して追記する
 npm i --save-dev <package-name>
---依存関係を削除する
 npm un --save-dev <package-name>

*関連用語 [#ib1dc4b8]
-[[Node.js]]