ホームページ > ウェブフロントエンド > jsチュートリアル > NPM、マスターNPMコマンド、パッケージの使用方法

NPM、マスターNPMコマンド、パッケージの使用方法

Christopher Nolan
リリース: 2025-02-14 08:24:11
オリジナル
215 人が閲覧しました

この包括的なガイドでは、NPMのインストールとそのコマンドラインインターフェイスのマスターを紹介します。 パッケージのインストールをローカルおよびグローバルに取り付け、依存関係を管理し、プロジェクトのセキュリティを確保します。

How to Install npm, Master npm Commands & Use Packagesnode.jsは、V8 JavaScriptエンジンに基づいて構築され、速度のためにcで作成されたサーバー側のJavaScript開発を強化します。 最初にサーバーアプリケーション向けに設計されたこの使用は、ローカルタスクオートメーションに拡大し、フロントエンド開発に革命をもたらしたツール(Grunt、Gulp、Webpack)の豊富なエコシステムを生み出しました。 NPMは、node.js内でこれらのツール(またはパッケージ)を管理するための鍵であり、インストールと管理を簡素化します。 このチュートリアルは、

を使用した基本的なNPM操作をカバーしています。 視覚的な学習体験については、SetePoint Premiumの無料スクリーンキャストを検討してください。「NPMとは何ですか?どうすれば使用できますか?」 NPMを使用する前に、node.js.

をインストールする必要があります

重要な概念:package.json

インストール:npmはnode.jsにバンドルされています。公式サイトからダウンロードして、

を使用してインストールを確認します
  • Global vs. Local:グローバルにパッケージをインストール(システム全体)またはローカル(プロジェクトごと)、通常は。 NPMの更新:npm --version
  • 新機能と改善のためにNPMを定期的に更新します。 OS固有の更新コマンドが適用されます
  • 依存関係管理:package.jsonプロジェクトの依存関係を効率的に処理し、
  • セキュリティ:を使用して、プロジェクト依存関係の脆弱性を検出し、推奨される修正を適用します。
  • npx:グローバルインストールなしでNPMパッケージを実行し、新しいツールのテストを簡素化します。 package.jsonpackage-lock.jsonnode.jsでnpmをインストールする:
  • からnode.jsをダウンロードしてくださいnode.jsのダウンロードページnpm audit。 インストーラーは、事前にコンパイルされたLinuxバイナリとソースコードとともに、WindowsおよびMacOSで利用できます。 Linuxユーザーは、パッケージマネージャーを介してインストールすることもできます
  • このチュートリアルでは、node.jsの最近の長期サポート(LTS)バージョンを使用しています。 より簡単なバージョン制御のためにノードバージョンマネージャーを使用することを検討してください。
  • インストールを確認します: NPMのインストールを確認:
NPMの更新:

最新バージョンにnpmを更新します(コマンドはOSによってわずかに異なる場合があります):

linux/macos:

Windows:npm-windows-upgradeツールを使用します(上昇したPowerShellが必要です):

which node
node --version
node  //enter Node's REPL
ログイン後にコピー

ノードパッケージモジュール(ローカル対グローバル):

npmは、パッケージをローカルに(プロジェクト内でnode_modules)またはグローバルにインストールします(システム全体)。 潜在的な許可の問題のため、システムディレクトリのグローバルインストールを避けてください。代わりに、ユーザー固有のグローバルロケーションを構成します グローバルNPMパッケージの変更場所:

ディレクトリを作成:

  1. npm:mkdir ~/.node_modules_global
  2. を構成します
  3. npmを再インストール:npm config set prefix=$HOME/.node_modules_global
  4. パスの更新:シェルの構成ファイル(npm install npm@latest -g
  5. など)に
  6. を追加し、端末を再起動します。 export PATH="$HOME/.node_modules_global/bin:$PATH" .bashrc.zshrcパッケージのインストール(グローバルモード):

グローバルにパッケージをインストールする(例:uglifyjs): グローバルにインストールされているパッケージのリスト

which npm
npm --version
ログイン後にコピー

パッケージのインストール(ローカルモード):

npm install -g npm@latest
ログイン後にコピー

プロジェクトディレクトリを作成し、初期化

    ローカルパッケージをインストールします(例:Underscore):
  1. package.json npm init -y これにより、パッケージを
  2. 's
  3. セクションに追加して、npm install underscoreファイルを作成します。

package.jsondependenciespackage-lock.jsonで依存関係を管理します

プロジェクトの依存関係をリストし、環境全体で一貫したセットアップを確保します。 ファイルは、正確な依存関係バージョンを保証します。package.json

ローカルパッケージのアンインストール:

package.json package-lock.jsonパッケージのアンインストール:

特定のパッケージバージョンのインストール:

npm uninstall underscore特定のバージョンをインストールします:

パッケージの更新:

npm install underscore@1.9.1更新を確認する:

パッケージを更新:(または

すべての古いパッケージの場合)

npm outdated

パッケージの検索:

npm update underscore npm updateパッケージの検索:

プロジェクトの依存関係の再インストール:

npm search mkdir

を削除し、再インストール:

npmのキャッシュの管理:

node_modules rm -rf node_modules && npm installキャッシュをクリアします:

セキュリティのためにを使用:

npm cache clean --force脆弱性のスキャン:

脆弱性を修正:npm audit(またはの変更を許可するため)

npm auditnpmエイリアス:

  • npm inpm install
  • npm unnpm uninstall
  • npm upnpm update
  • npm lsnpm list

npx

でパッケージを実行します グローバルインストールなしでパッケージを実行:

npx http-server

結論:

このガイドは、NPMを使用するための強固な基盤を提供します。 NPMとYARNを比較して、ノードバージョンマネージャー(NVM)を使用して、プライベートNPMパッケージのホスト、またはDenoのパッケージ管理について学習してさらに探索します。 NPMのフロントエンド開発における役割の拡大により、最新のJavaScript開発者にとって不可欠なツールになります。

FAQ(元のテキストに含まれています):

元のテキストのFAQSセクションはすでに包括的でよく書かれています。変更は必要ありません。

以上がNPM、マスターNPMコマンド、パッケージの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート