npm install / yarn add でパッケージをインストールする

Last updated at 2020-10-18Posted at 2020-10-16

npmやyarnを使ってパッケージをインストールしたら、どこに保存されているの？
グローバル環境にインストール か ローカル環境にインストール に保存される

システム共通ディレクトリ、nodeのグローバル環境のこと
システム全体で利用するツール・コマンド類をインストールする場合に利用する

自身で作ったアプリケーション（プロジェクト）の中の環境のこと
追加されたパッケージは、アプリケーション（プロジェクト）の中のpackage.jsonの中に「どのパッケージをインストールするか」を記述する
アプリケーション単位で利用するパッケージをインストールする場合に利用する

nodeのグローバル環境へパッケージをインストールされる
-g オプションはグローバル環境のこと
installは i で省略できる

npm install -g パッケージ名

// 以下でもOK

npm i -g パッケージ名

yarn global add パッケージ名

ローカル環境へインストールには --save をつける
インストールされると、package.json ファイル内の dependencies に追記される

npm install --save パッケージ名

yarn add パッケージ名

インストールする際に --save-dev をつける
インストールされると、package.json ファイル内の devDependencies に追記される
--save-dev は -D で省略できる

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

// 以下でもOK

npm i -D パッケージ名

yarn add --dev パッケージ名

github や gitlab でチーム開発をしているとき、新しいパッケージが導入されたけど、まだ自分のローカル環境で設定されていないとき
【結論】自分のローカルリポジトリにgit pullしたら、package.json ファイル内に記載されている設定をインストールする

$ git pull origin master

// npmで開発している場合
$ npm install

// yarnで開発している場合
$ yarn install