いくつかの簡単な手順にnpmをインストールします-CSSチュートリアル-php.cn

いくつかの簡単な手順にnpmをインストールします

パッケージマネージャーの基本概念を理解しましたか？知識を実践する時が来ました！まず、NPMをインストールする必要があります。

このガイドでは、ノードとNPMをインストールし、NPMの基本とフロントエンド開発でのアプリケーションを習得するのに役立つサンプルプロジェクトを作成します。

章をガイドします

このガイドは誰ですか？
「NPM」とはどういう意味ですか？
コマンドラインとは何ですか？
ノードとは何ですか？
パッケージマネージャーとは何ですか？
NPMをインストールする方法は？ （あなたの現在の場所！）
NPMパッケージをインストールする方法は？
NPMコマンドとは何ですか？
既存のNPMプロジェクトをインストールする方法は？

NPMがインストールされているかどうかを確認してください

NPMをインストールする前に、インストールされているかどうかを確認してください。ターミナル（VSコードやその他のコマンドライン端子などのコードエディター用の統合端末、統合端子）を開きます。

次のコマンドを入力します（$文字は例に含まれていないことに注意してください）：

 <code>node -v</code>

ログイン後にコピー

このコマンドは、現在のバージョンのノード（インストールされている場合）を表示します。ノードがインストールされている場合、コマンドラインはインストールされているノードバージョン番号を返します。

 <code>v16.9.1</code>

ログイン後にコピー

バージョンは異なる場合がありますが、バージョン番号が表示されている限り、NPMがインストールされていることを意味します。バージョン番号自体は重要ではありません。

NPMまたはノードがインストールされていない場合、「コマンドが見つかっていない」などのメッセージが表示されます。 NPMがインストールされているが、ノードがインストールされていない場合（およびその逆も同様です）、最初にアンインストールしてから続行することをお勧めします。

NPMとノードをインストールする必要がある場合は、公式NPMガイドに従ってNVMプログラムをインストールします。

ノードバージョンマネージャーをインストールします

ノードバージョンマネージャー（NVM）を使用すると、システムにノードをインストール、更新、アンインストールでき、複数のノードバージョンを管理できます。

サーバー側の言語には独自のバージョン（ノード17.1.0など）があり、ブラウザバージョン（例：Chrome 96）とは何の関係もありません。最新バージョンのノードのみが必要なため、現時点ではNVMは必要ありませんが、将来的には有用かもしれません。

1つのプログラムをインストールすることは、別のプログラムをインストールするだけで、これは冗長であると思われますが、実際に推奨される方法であり、最初から正しく行うと、後の操作が簡単になります。

WindowsにNVMをインストールします

Windowsを使用すると、インストールプロセスが簡単になります。 Windows専用のNVMが必要ですが、幸運なことに、Windowsにはすでにインストーラーがあり、ダウンロードして実行するだけです。詳細については、GitHubのWindowsリポジトリのNVMを参照してください。

Windows for Windowsの最新バージョンをダウンロードします。手動でインストールすることもできます。
端子を開き、 nvm list availableコマンドをダウンロードしてインストールできるノードバージョンのリストを表示します。
nvm useコマンドを実行し、次にノードバージョン番号を使用して使用します（たとえば、 nvm use 16.9.1 ）特定のバージョンを使用します。または、最新のバージョン番号の代わりに、 latest newest ltsまたはnewestの最新バージョンを使用することもできます。

インストール後、NVMは他のシステムと同じように動作します。

MacOSにNVMをインストールします

MACOSにNVMをインストールするには、最初のステップは次のコマンドを使用してダウンロードすることです。

 <code>curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash</code>

ログイン後にコピー

0.39.0はリリース時の最新バージョンですが、NVMインストールREADMEを確認して最新バージョンを取得する必要がある場合があります（異なる場合）。

コマンドを端末に貼り付けてEnterを押した後、端子が多くの無関係な情報を出力することがわかります。実際、ほとんどの場合、端末でこの情報を読む人はいません。私たちは気にします：

順序が最終的に完了しました
コマンドはエラーメッセージで終わりません。

インストールプロセス中にコマンドを入力するように求められている場合は、 Qキーを押して終了して続行します。

入力カーソルが再び点滅すると、コマンドが完了し、端末が入力を待っていることを意味します。 NVMのインストールが完了したら、次のように表示される場合があります。

 <code>=> Close and reopen your terminal to start using nvm or run the following to use it now:</code>

ログイン後にコピー

現時点でエラーが表示されない場合は、継続する前に使用している端末アプリケーションを終了して再起動することをお勧めします。これは、きれいな状態から始めるための素晴らしい方法です。

ノードを介してNPMをインストールする方法

NVMがインストールされたので、システムにNPMとノードをインストールしたいことを行う準備が整いました。

nvm -vを実行して、NVMが正しくインストールされていることを確認するのが最善です。端末にインストールされているバージョン番号が表示されている場合、すべて問題ありません！そうでない場合は、インストールを完了するには端末アプリケーションを再起動する必要がある場合があることを忘れないでください。

NVMができたので、ノードをインストールするコマンドは非常に短いです。

 <code>nvm install node</code>

ログイン後にコピー

簡単ですよね？

「ノードV17.1.0のダウンロードとインストール」などのメッセージが表示されますが、バージョン番号は一致しない場合がありますが、問題ありません。ランタイムの最新の安定したバージョンを取得します。コマンドが実行が終了するのを待ちます。同様に、デフォルトのプロンプトに戻り、より多くのコマンドを入力できるようになったら、それが完了しました。

その後、あなたは終わった！この単純なコマンドは、ノードをインストールするだけでなく、NPMもインストールします。同様に、 npm -vおよびnode -vを使用して、すべてがインストールおよび更新されていることを確認できます。すべてがうまくいけば、バージョン番号が取得されます。