npm(Node Package Manager)

 
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の設定を確認
    環境設定確認
    npm config --global list

    config設定全て表示
    npm config ls -l

     
  • configの設定する
    npm config set init-author-name "~開発者名~"
    npm config set init-author-email "~開発者メールアドレス~"
    npm config set init-author-url "https://7design.jp"
    npm config set init-license "MIT"
    package.jsonに記述されるAuthorなどの初期値を設定しておく。
    ※「init.author.name」と「init-author-name」の違い
     ドット区切りは古い書式で現在は非推薦になりました。
  • 初期化
    開発作業を行うカレント フォルダにて
    npm init -y
    package.jsonが作成される。 [-y|-yes]はプロンプトの肯定入力の省略。
  • パッケージをインストール
    npm install オプション パッケージ指定
    ※オプションとパッケージ名を指定しないと既存のpackahge.jsonに従う
    ☑パッケージ指定
     「パッケージ名[@バージョン]」

    ■installのオプション

    ☑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」は依存関係を何階層まで表示するかを指定する。
  • install済み確認
    npm outdated

     
  • uninstall
    npm uninstall パッケージ名

     
  • npmのバージョン
    npm -v