npmとyarnとは？

はじめに

Rails開発を進めていく中で、使い分けがわからなかったためまとめました

Node.js

サーバーサイドJavaScriptとも呼ばれている。
JavaScriptはブラウザ上でしか動けなかったが、Rubyなどのようにパソコン上で動作可能にしてくれるJavaScript実行環境である。

npmとは

Node Package Maneger
Node.jsで書かれている様々なパッケージを管理している
例:
Ruby(gem)
Mac(Homebrew)
npm(Node.js)

Node.jsで使いたいライブラリがあれば、npmでインストールできる

Vue.jsのインストール

$ npm install vue

使い方

①ディレクトリをnpmの管理下に置く

$ npm init

これでpackage.json(パッケージに関する情報を格納するファイル)が作成される
②パッケージをインストールする

Vue.jsのインストール

$ npm install vue

これでパッケージがインストールされる

yarn

こちらもnpmと同じくNode.jsのパッケージマネージャー
npmと互換性があり、package.jsonが併用できる
機能面での差はほとんどないが、npmの欠点を補うように開発されている

使い方

①yarnのインストール

$ brew install yarn

②package.jsonが存在しない場合、

$ yarn init

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

$ yarn add (パッケージ)

付随するファイル

node_modules

インストールしたパッケージのインストール先

package.json

依存関係を記載したJSONファイル
ここに記述しておけば、インストールの際にパッケージがインストールされる

そのため、githubから引っ張ってきて、自分の環境でnpm installをすることで、
同様のパッケージが使用できる

package-lock.json

npm install時に作成される
そこで実際にインストールされたパッケージ情報が記載されている

参考文献

Node.jsとはなにか？なぜみんな使っているのか？
https://qiita.com/non_cal/items/a8fee0b7ad96e67713eb
yarnとは
https://qiita.com/akitxxx/items/c97ff951ca31298f3f24
Yarn：Facebook発のパッケージマネジャーはnpmに代わるスタンダードになるか
https://www.webprofessional.jp/yarn-vs-npm/