npmとは|Node.js(npm)をインストール(Windows)

Node.js Node

npmでパッケージのインストールを行いたく、Node.jsをインストールしたので、npmとは何かとインストール手順を記事にまとめます。環境はWindows10にまります。

npmとは

npmの正式名称は、Node Package Manager で、Node.jsのパッケージを管理するツールになります。

Node.jsのパッケージとは、あらかじめ用意された便利な機能をまとめたもので、JavaScriptのプラグインやモジュールのことです。

Windows10でnpmを利用するにはNode.jsをインストールすることで自動的にインストールされます

 

package.jsonとは

npmはフロントエンドで使用するパッケージのバージョン管理を行うのに利用されます。

npmでは、npmでインストールしたパッケージのバージョン情報をpackage.jsonに格納します。このpackage.jsonからパッケージを一括でインストールすることができるので、package.jsonを一元管理することによりフロントエンドで利用するパッケージのバージョン管理を一元化することができます

 

npmでのインストールの種類(グローバルとローカル)

npmではパッケージをインストールする方法として、グローバルインストールローカルインストールの2種類あります。

グローバルインストールでは、npmのルート配下にあるnode_modulesにパッケージをインストールします。

Node.jsをインストールした時にNode.jsの実行モジュールのインストール先にパスが通されているため、グローバルインストールされたパッケージは全てのプロジェクトで利用することができます

ローカルインストールでは、プロジェクトのルート配下にあるnode_modulesにパッケージをインストールします。ローカルインストールされたパッケージは対象のプロジェクトでのみ利用することができます

 

Node.jsのインストール

1. 以下のサイトからインストーラをダウンロードします。

https://nodejs.org/en/

「 DOWNLOADS」> 「LTS」>「Windows Installer」をクリックすることで、カレントバージョンの自身のPCに合わせたインストーラがダウンロドできます。

Node.js(npm)のインストール01

 

2. ダウンロードしたインストーラを実行します。

「Next」をクリックします。

Node.js(npm)のインストール02

 

ライセンス規約に同意して「Next」をクリックします。

Node.js(npm)のインストール03

 

インストール先のフォルダを選択して「Next」をクリックします。

デフォルトで問題ありません。

Node.js(npm)のインストール04

 

インストールするコンポーネントを選択して「Next」をクリックします。

デフォルトで問題ありません。

Node.js(npm)のインストール05

 

最近のインストーラは以下の設定項目が追加されたようです。

ここでは、チェックをしないで「Next」をクリックします。

Node.js(npm)のインストール06

 

「Install」をクリックすることでインストールが開始されます。

Node.js(npm)のインストール07

Node.js(npm)のインストール08

 

正常にインストールが完了したので「Finish」をクリックします。

Node.js(npm)のインストール09

 

インストールされたか確認

Node.jsがインストールされたかをバージョンで確認してみます。成功していればバージョンが返ります。

Node.js(npm)のインストール10

npmがインストールされているかをバージョンを表示して確認してみます。インストールに成功していればバージョンが表示されます。

Node.js(npm)のインストール11

 

npmのコマンドを少し紹介

パッケージをインストールするための記事なので、ここでは少しだけ紹介しています。

 

ヘルプ

npmのコマンドのヘルプを表示

コマンドを指定してヘルプを表示

 

npmのバージョン確認

npmのバージョンを確認します。

 

初期化

プロジェクトのルートディレクトリ配下にpackage.jsonを作成します。

 

パッケージの復元

プロジェクトのルートディレクトリにあるpackage.jsonに記載されたパッケージを一括でインストールする。

 

npmルートディレクトリの確認

npmのルートディレクトリを確認する。

「npm install -g」 でインストールしたパッケージはここにインストールされています。

 

パッケージのインストール(グローバル・ローカル)

パッケージをグローバルインストールする。

 

パッケージをローカルインストールする。

 

パッケージのアンインストール

グローバルインストールされたパッケージをアンインストール。

 

ローカルインストールされたパッケージをアンインストール。

 

インストール済みのパッケージを確認する方法

グローバルインストールしたパッケージの確認。

 

ローカルインストールしたパッケージの確認。

 

-g :
-gをつけた場合は、コンピューター内の全てのパッケージを表示します。
-gをつけない場合は、カレントディレクトリにインストール済みのパッケージを表示します。(カレントディレクトリとは自分が今いるディレクトリ)

 

タイトルとURLをコピーしました