目標
・npmの概要をザックリ理解する
・npmの頻出コマンドを理解する。
きっかけ
・Laravelアプリ開発中にnpmで詰まったから
・過去、何となくで進めてた気持ち悪さから
結論
「npmとはNode.jsのパッケージを管理するツール」
詳しく
Node.jsとは？
Node.jsはJavaScriptの実行環境のことです。
PHPやRubyは、サーバーサイドで動作します。
Webアプリ開発では必須の言語になります。
しかし、 JavaScriptはブラウザ上でしか動作しません。
よって、DBと連携したりする複雑なWebアプリは作れませんでした。
そこで誕生したのがNode.js
サーバーサイドで動くことが可能になり、多くの開発者が使用するようになりました。
現在は、便利なパッケージが追加されているため、クライアントサイド（ブラウザ上）でも多く利用されています。
パッケージとは？
パッケージは、ライブラリやフレームワークなどの詰め合わせです。
Vue、React、webpack、jQueryなどです。
使いたいJsライブラリがある場合、
<script src="xxx.js"></script>
などと記載はせず、npmを使ってインストールします。
基本コマンド
バージョン確認
npm -v
最新にアップデート
npm update npm
npmを管理するディレクトリ作成
npm init
このコマンドでpackage.jsonファイルが作成されます。
パッケージのインストール
npm install パッケージ
package.jsonファイルがあるディレクトリにて実行します。
package.json記載のパッケージをインストール
npm install
package.json記載のパッケージをアップデート
npm update
インストール済のパッケージの一覧表示
npm list
タスク実行
npm run タスク
package.json内に書かれたシェルスクリプトを実行します。
あとがき
最後まで読んで下さり、ありがとうございました。
間違った記載や表現などありましたら、コメントいただけると幸いです。