npm

 
Web Tips.
Booskanium's
Booskanium's Web Tips.

npm(Node Package Manager)について

npode.jsをインストールに付属している、node.jsのパッケージ管理の仕組み。
Node.jsによるアプリケーションを作成するには無くてはならない存在。
node.jsに限らず、ウェブページのバンドルを行うWebpackはnode.jsを利用して作成されており、それでウェブページにバンドルする各種パッケージもnpmで管理できる。つまりウェブのフロントエンド開発ツールとしても無くてはならない存在となっている。

参考になる文献
npm
ローカルフォルダをnpm installする方法
PCにコマンドをインストールする
ローカルのパッケージをinstallする
npmまとめ!

npmのコマンドについて

  • 手順
    コマンド
    要約
  • 初期化
    開発作業を行うカレント フォルダにて
    npm init
    package.jsonが作成される。
  • パッケージをインストール
    グローバルにパッケージをインストール
    npm install -g パッケージ名

    カレント フォルダにインストールを行う
    npm install パッケージ名

    packege.json中のdevdependenciesに記録される
    npm install -S パッケージ名

    packege.json中のdevdevDependenciesに記録される
    npm install -D パッケージ名

    事前に用意されたpackege.jsonに従いパッケージをインストール
    npm install

    installのオプション
    ☑書式
     npm install オプション パッケージ指定
     ※オプションを指定しないとpackahge.jsonに従う
    ☑パッケージ指定
     「パッケージ名[@バージョン]」
    ☑install先
    ・グローバル「--global」または「-g」
     ※全開発環境に適用するパッケージ
    ・ローカル 上記のオプション指定なし
     ※カレントディレクトリになる開発環境のみに適用するパッケージ
    ☑依存関係
    ・prodaction (本番環境)
     packahge.jsonのdependenciesに記録される
     「--save」または「-S」
    ・development (開発環境)
     packahge.jsonのdevDependenciesに記録される
     「--save-dev」または「-D」
     ※開発環境でしか使わないパッケージ
      例えばelectron-packegerなど
  • install先ディレクトリ
    グローバルインストール先確認
    npm root -g

    ローカルインストール先確認
    npm root

     
  • installされているパッケージ
    グローバルへのインストール一覧
    npm list -g --depth=0

    ローカルへのインストール一覧
    npm list

    「--depth=n」は依存関係を何階層まで表示するかを指定する。
  • npmの設定を確認
    環境設定確認
    npm config --global list

    設定全て表示
    npm config ls -l

     
  • install済み確認
    npm outdated

     
  • uninstall
    npm uninstall パッケージ名

     
  • npmのバージョン
    npm -v