すべてのチートシートフロントエンド開発

npm

npm 10+

日常的に使う npm CLI コマンドのクイック リファレンス:init / install / add / remove / update / scripts / run / publish / audit、ロックファイル、レジストリ、キャッシュ管理 — よく使うオプションと実用例をまとめました。

34 コマンド

プロジェクトの初期化

npm init

`package.json` の作成を対話的に進め、name / version / description / entry point などを尋ねます。

-y すべて既定を承諾; --init.author 'Name <e@x>' 既定を上書き

npm init -y
npm init -y

妥当な既定値で `package.json` を即座に生成します(ディレクトリから `name`、`version` は 1.0.0)— 現代的な出発点です。

npm init -y && cat package.json

インストール

npm install

`package.json` にリストされたすべての依存関係をインストールし、`node_modules` と `package-lock.json` を更新します。`NODE_ENV=production` の場合は dev 依存関係をスキップします。

--save-exact / -E バージョンを完全固定; --legacy-peer-deps; --force; --no-audit; --prefer-offline

npm install
npm ci

`package-lock.json` だけからクリーン インストールします。`npm install` より高速で、最初に `node_modules` を削除し、ロックファイルの変更を拒否します — CI で最適な選択です。

--omit=dev devDependencies をスキップ; --prefer-offline

npm ci --omit=dev

依存関係の追加

npm install <pkg>

ランタイム依存関係を追加します(既定は `dependencies`)。解決されたバージョンを `package-lock.json` に記録し、`package.json` に書き込みます。

<pkg>@<version-range>; --save-dev / -D; --save-exact / -E; --save-optional / -O; --save-prod / -P

npm install lodash && npm install eslint@^9 --save-dev
npm install <pkg>@<version>

特定のバージョン範囲(semver)をインストールします:完全一致 `1.2.3`、チルド `~1.2.3`、キャレット `^1.2.3`、`latest` / `next` / `beta` などのタグ。

npm install [email protected] && npm install next@latest
npm install -D <pkg>

`devDependencies` に追加します — ビルド / テスト時のみ必要なツール(TypeScript、Jest、ESLint、Prettier)。

npm install -D typescript @types/node vitest
npm install -g <pkg>

パッケージをグローバルにインストールし、バイナリがすべてのプロジェクトの `PATH` 上で利用できるようにします(TypeScript、tsx、create-react-app、http-server)。

npm install -g typescript tsx pnpm

削除

npm uninstall <pkg>

`node_modules` と `package.json` からパッケージを削除します。

-D devDependencies から削除; -g グローバルを削除; --save false マニフェスト編集をスキップ(稀)

npm uninstall lodash && npm uninstall -D @types/node

更新

npm update

`package.json` の semver 仕様で許可された範囲内ですべての依存関係をアップグレードし、それに応じて `package-lock.json` を更新します。

--save false マニフェスト書き込みをスキップ; --workspace ワークスペース内で更新

npm update
npm update <pkg>

1 つのパッケージを現在の semver 範囲を満たす最新バージョンに更新します。

npm update eslint
npm install <pkg>@latest

単一のパッケージを最新リリースにアップグレードします(semver 範囲をバイパスし、範囲を `^<new-version>` に書き換えます)。

npm install typescript@latest && npm install -D vitest@latest

スクリプト実行

npm run <script>

`package.json` の `scripts` セクションで定義されたスクリプトを実行します。`npm test`、`npm start`、`npm stop`、`npm restart` は `npm run X` の短縮形です。

-- silent npm ログを抑制; --if-present 無くてもエラーにしない; -- <args> 残りの引数をスクリプトに転送

npm run build -- --mode production
npm run <script> -- <args>

基盤のスクリプトに追加の CLI 引数を渡します。`--` 以降はすべてそのまま転送されます。

npm run lint -- --fix src/
npm exec -- <command>

ローカルまたは `npx` キャッシュされたパッケージからコマンドを実行します。非推奨の `npx <command>` 直接呼び出しを置き換えます。

npm exec -- create-react-app my-app

確認

npm ls

現在のプロジェクトの依存関係ツリー(トップレベル + 推移的)を出力します。パッケージの重複を見つけるのに便利です。

--all; --depth=N 深さを制限; --json JSON 出力; -g グローバルを一覧

npm ls --depth=0 && npm ls react
npm outdated

インストール済みのバージョンがマニフェストの範囲が許可する最新バージョンより古いすべての依存関係のテーブルを表示します。

--long 詳細; --json JSON 出力

npm outdated
npm view <pkg>

パッケージのレジストリ メタデータ(バージョン、dist-tag、依存関係、メンテナ、リポジトリ URL、readme 抜粋)を表示します。

versions; time; dist-tags; repository.url

npm view lodash versions && npm view react dist-tags

ロックファイル

npm shrinkwrap

スタンドアロンの `npm-shrinkwrap.json`(`package-lock.json` と同じ形式)を生成します。ロックファイルなしで配布されるアプリでも再現可能なインストールが必要な場合に使用します。

npm shrinkwrap

レジストリ

npm config get registry

現在アクティブなレジストリ URL を出力します。既定は `https://registry.npmjs.org/` です。

npm config get registry
npm config set registry <url>

npm をプライベート / キャッシュ レジストリ(GitHub Packages、Verdaccio、中国ミラー)に向けます。`~/.npmrc` またはプロジェクトの `.npmrc` に書き込みます。

npm config set registry https://registry.npmmirror.com/
npm login

構成されたレジストリに対して認証し、トークンを `~/.npmrc` に保存します。`npm publish` の前に必要です。

--registry=<url> 別のレジストリにログイン; --scope=<scope> トークンを制限

npm login --registry=https://registry.npmjs.org/

公開

npm publish

現在のパッケージを構成されたレジストリにアップロードします。`package.json` 内に `name`(通常は `version`、`repository` も)が必要で、公開権限を持つログイン ユーザーが必要です。

--access public|restricted (スコープ付きパッケージ); --dry-run; --tag <tag> dist-tag で配布

npm publish --access public --tag beta
npm unpublish <pkg>@<version>

特定のバージョンをレジストリから削除します。**公開後 72 時間以内は強く非推奨** — npm はサポートしますが推奨しません。

npm unpublish [email protected]
npm deprecate <pkg>@<version> '<msg>'

npm がインストール時に表示するメッセージと共に、バージョンを非推奨としてマークします。履歴を削除せずにユーザーを修正に誘導する正しい方法です。

npm deprecate [email protected] 'use 1.2.4+ — security fix'

監査

npm audit

インストール済みの依存関係ツリーに対してセキュリティ監査を実行し、npm レジストリからアドバイザリを取得します。

--json; --omit=dev dev 依存関係をスキップ; --audit-level=low|moderate|high|critical

npm audit --omit=dev
npm audit fix

アドバイザリを解決する最も近い非破壊バージョンにパッケージを自動アップグレードします。semver-major のジャンプを受け入れる場合のみ `npm audit fix --force` を使用してください。

--force; --dry-run

npm audit fix

キャッシュ

npm cache clean --force

グローバル npm キャッシュ(POSIX では `~/.npm`)を消去します。レジストリを切り替えた後や奇妙なインストール エラーを追跡するときに使用します。

npm cache clean --force
npm cache verify

キャッシュされた tarball の整合性を削除せずに検証します。いつでも安全に実行できます。

npm cache verify

ワークスペース

npm install -w <workspace>

monorepo(`package.json` の `workspaces` で定義)内の指定された単一のワークスペースにパッケージをインストールします。

npm install lodash -w @myorg/web
npm run <script> -ws

monorepo のすべてのワークスペースでスクリプトを実行します。`-w <name>` は単一のワークスペースのみを実行します。

--if-present 無くてもエラーにしない

npm run build -ws && npm test -w @myorg/api

その他

npm doctor

環境診断(Node バージョン、レジストリの到達可能性、キャッシュの健全性、Git の存在)を実行します — トラブルシューティング時に便利です。

npm doctor
npm fund

現在のプロジェクトの直接依存関係のファンディング リンクを表示します(メンテナが OSS をスポンサーするために使用)。

npm fund
npm pkg set <key>=<value>

エディタを開かずに CLI から `package.json` 内のフィールドを変更します。スクリプト / フックで便利です。

npm pkg set scripts.lint='eslint .' && npm pkg get version

関連コマンド速查

フロントエンド開発

volta

日常的に使う Volta コマンドのクイックリファレンス:Node / npm / Yarn / pnpm ツールチェーンのインストール、プロジェクトごとのバージョン固定、グローバル パッケージの管理、Volta 自身のトラブルシューティング — よく使うオプションと実用例をまとめました。

25 コマンド

Volta 1.x

フロントエンド開発

yarn

日常的に使う Yarn CLI コマンド(Yarn Classic 1.x と Yarn Berry 2/3/4 両方)のクイック リファレンス:install / add / remove / run / workspaces、ロックファイル、Plug'n'Play、Berry 構成 — よく使うオプションと実用例をまとめました。

33 コマンド

Yarn 1.x (classic) / Yarn 4 (berry)

フロントエンド開発

pnpm

pnpm を素早く参照:install / add / remove / update、スクリプト、ワークスペース、ストア / キャッシュ、設定 — GitHub サイトの pnpm リポジトリ運用を中心に、よく使うオプションと実用例をまとめました。

31 コマンド

pnpm 9+

フロントエンド開発

npx

npx コマンドのクイック リファレンス:ワンショット パッケージ バイナリの実行、プロジェクトのスキャフォールド、npx キャッシュの管理、バージョンの固定、対話型 CLI の落とし穴の回避 — よく使うオプションと実用例をまとめました。

25 コマンド

npx 10+ (shipped with npm)

フロントエンド開発

vite

Vite CLI コマンドのクイック リファレンス:dev サーバー、ビルド、プレビュー、依存関係のプリバンドル、プラグイン管理、環境変数、プロジェクト確認 — よく使うオプションと実用例をまとめました。

30 コマンド

Vite 5+

npm について

npm は Node.js のデフォルト パッケージ マネージャーで、Isaac Z. Schlueter によって 2010 年にスタンドアロン ツールとして書かれ、2011 年の Node.js 0.6.3 以降 Node にバンドルされています。名前は `Node Package Manager` の略でしたが、チームは 2014 年に略語として扱うことを正式に止めました。現在の安定版は npm 10 で、Node 20+ に同梱されています。npm はレジストリ(既定の `registry.npmjs.org`、2020 年から GitHub がホストする公開 CouchDB)とやり取りし、`package.json` + `package-lock.json` を読み書きし、ローカル インストール(プロジェクトの `node_modules`)とグローバル インストール(PATH に追加)の両方をサポートします。npm 7+ で monorepo 用ワークスペースが導入されました;npm 9+ には `npx` が組み込まれ、厳格な peer-dependency エンジンが搭載されています。ほとんどの npm コマンドは `-D`(dev)、`-E`(exact)、`-g`(global)、`--save-prod`、非標準インストール ディレクトリの `--prefix` フラグを受け付けます。npm はあなたのコードをアップロードしません — ローカル ファイルとレジストリに書き込むだけです。匿名のダウンロード指標は npm レジストリで集計されますが、プロジェクトの内容は送信されません。

チートシート バージョン 1.0.0