MENU

npm installってなに?初心者でもわかるNode.jsパッケージ導入ガイド

「npm installって、なんかよく見るけど何してるの?」 JavaScriptを学びはじめたばかりの頃、私もそう思ってました。

この記事では、初心者の方でもスッと理解できるように、npmとは何か、npm installが何をしているのかを、例やイメージも交えながらやさしく解説していきます。


目次

npmってなに?

まず前提として、npmとは Node.jsのパッケージ管理ツール のこと。

  • Node.js:JavaScriptをブラウザ外(サーバーやローカル)で動かせる環境
  • パッケージ:便利な機能をまとめたツール(=ライブラリ)

npmは、「このライブラリを使いたいです〜!」とお願いして、 そのコード一式をネットから自分の環境に引っぱってくる役割を持っています。


npm installってなに?

npm installは、npmで**パッケージをインストール(=ダウンロード)**するコマンド。

たとえば、axiosというHTTP通信ライブラリを使いたいときは:

npm install axios

と打つと、node_modulesというフォルダにaxiosのファイル群が追加され、 自分のプロジェクトから使えるようになります。


よく出てくるオプション

npm install(だけ)

package.jsonに書かれている全パッケージを一括インストール。 初めてプロジェクトを開いたときは、まずこれを実行するのが基本。

npm install

npm install パッケージ名(個別に追加)

npm install lodash

特定のパッケージだけを追加したいときに使います。

--save(現在は省略可)

昔はこれでpackage.jsonに追加指定してました。今は自動で追加されるので省略でOK。

--save-dev

開発時だけ使うツール(テスト系など)はこっちに振り分け:

npm install jest --save-dev

npm installしたら何が起きてる?

  • node_modules/ フォルダに対象パッケージをDL
  • package.json に依存情報を記録(または更新)
  • package-lock.json でバージョン固定・依存関係も管理

簡単に言えば、**「必要な道具箱を持ってきて、今後も同じ道具を使えるようにメモしておく」**イメージ。


よくあるエラーと対処法

エラー原因対処法
npm: command not foundNode.js/npm未インストールNode.js公式から再インストール
EACCES: permission deniedmacOS/Linuxで権限不足sudoを使う、またはnvm使用
package-lock.jsonの競合Gitでのバージョン不整合削除して再インストールする

まとめ

  • npmはNode.jsのライブラリ管理係
  • npm installで便利ツールをプロジェクトに追加できる
  • package.jsonで依存管理が自動化されている

最初は難しく見えますが、コマンド1つでライブラリが使えるのはとても強力! 最初の一歩として「npm install」は確実に覚えておきたいところです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

・IT業界5年~
未経験からエンジニア挑戦組。もともとは技術職、工場経験も有り。
〇現在はソフトウェア開発

・紹介したいこと
未経験→エンジニア挑戦でつまずいたこと、今更聞けない初歩的なこと、勉強していて良かったこと、暗黙的ルールによる落とし穴等

・趣味
ゲームはPC、SwitchでFPSだったりスローライフから様々やります。

コメント

コメントする

目次