WEB その他のTIPS

npmについて

投稿日:2017年3月18日 更新日:

コマンドについて

・コマンド

コマンド 説明
npm init 対話形式で項目を入力してpackage.jsonを作成します。
npm init -y デフォルト値でpackage.jsonを作成します。
npm ls インストール済みパッケージを一覧表示します(依存パッケージも含めて表示)。
npm ls --depth=0 インストール済みパッケージを一覧表示します(依存パッケージは非表示)。
npm ls パッケージ インストールされたパッケージを個別に確認します。
npm install package.jsonの内容に従って、パッケージをインストールします。
npm install パッケージ パッケージを指定してプロジェクトにインストールする

[--save]オプション : パッケージ情報をpackage.jsonに書き込みます。
[--save-dev]オプション : パッケージ情報をdevDependenciesにバージョン付きでpackage.jsonに書き込みます(開発時のみに利用するライブラリのバージョンを管理します)。

npm uninstall パッケージ パッケージをプロジェクトからアンインストールする。

[--save]オプション : パッケージ情報をpackage.jsonに書き込みます。
[--save-dev]オプション : パッケージ情報をdevDependenciesにバージョン付きでpackage.jsonに書き込みます(開発時のみに利用するライブラリのバージョンを管理します)。

npm help --help ヘルプを表示します。
npm -version --version バージョンを表示します。

・オプション

コマンド 説明
-g グルーバル領域のパッケージを扱います。

 

TIPS

postinstallコマンド

npm-scriptsにはユーザーのアクションをきっかけに自動で実行してくれるコマンドがいくつか用意されており、postinstallコマンドとはnpm installコマンドの終了時に実行されるコマンドです。

上記の例では、npm installを実行してモジュールのインストールが終了したタイミングで、TypeScriptの型定義ファイルのインストールコマンドを実行します。

 

インストールしたバージョンについて

パッケージをインストールすると、package.json にはインストールした(その時点での最新)バージョンが記載されますが、バージョン番号の前に ~(チルダ)や^(キャレット)が付きます。

~: マイナーバージョンは最新で、それ以外は固定  1.2.3 <= ~1.2.3 < 1.3.x
^: メジャーバージョンは固定で、それ以外は最新  1.2.3 <= ^1.2.3 < 2.x.y

バージョンを指定してインストールしたいときは、パッケージ名の後ろに「@バージョン」をつけます。

参考
Node.jsのpackage.jsonのバージョン指定の"~(チルダ)"と"^(キャレット)"の違い
package.jsonのパッケージバージョンに記載される ^ (キャレット) とは?どうしてつくのか?
npmでパッケージの特定のバージョンをインストールする

 

スポンサーリンク

スポンサーリンク

-WEB, その他のTIPS

執筆者:

関連記事

(webpack2)TypeScriptとWebpackを使ったWEBフロントエンド開発

当セクションでは前回の『Webpackを使ったWEBフロントエンド開発』をもとに具体的なプロジェクトを作成して、webpackの機能を把握したいと思います。使用するパッケージはwebpack2になりま ...

SystemJSを使ったWEBフロントエンド開発

当セクションはSystemJSを使ったWEBフロントエンド開発について説明します。JavaScriptをロードするための最も基本的な方法はscriptタグで実現することですが、SPAを構築するフロント ...

ECLIPSEの備忘録

今後、ECLIPSEの備忘録としてまとめていきたいと思います。   JAVA編 Javadocつける (Add Javadoc Comment) Alt + Shift + J   ...

Dockerコマンド

Dockerの備忘録をまとめました   dockerコマンド docker [command] (例)

コマンド 説明 ve ...

GoogleアナリティクスのTips

GoogleアナリティクスのTipsです。 今後、tipsをふやしていきます。     Googleアナリティクスのプロパティ設定が保存できないときの対応 Googleアナリティク ...