Node.js をインストールして使用する手順 (win11)

1. システム環境

1. システム バージョン:Windows 11 Home Edition 64 ビット 21H2
2. Node.js:node-v16.13.2-x64.msi

2. 操作手順

1. 対応するシステムに必要な Node.js バージョンをダウンロードします Node.js 公式 Web サイトのアドレスは https://nodejs.org/zh-cn/
*Xiaobi は直接クリックしてダウンロードでき、公式 Web サイトは自動的に一致します。現在のシステムに最適なバージョン。
2. インストールディレクトリを選択します。
3. システム環境変数を設定します
。 4. npm をデバッグします。

3.Node.jsをダウンロードしてインストールします

1. Node.js の概要

  • node.js は JavaScript プロジェクト管理ツールで、Java の maven や Python の pip と機能が似ています。
  • NPM (ノード パッケージ マネージャー) は、node.js のパッケージ管理および配布ツールです。
  • 新しいバージョンのnode.jsにはnpmが統合されているため、node.jsのインストール後にnpmをインストールする必要はありません。

2.node.jsをダウンロードする

  • このチュートリアルでは、インストール パッケージnode-v16.13.2-x64.msiを使用します。
  • Node.js 公式 Web サイトにアクセスし、推奨される Node.js インストール パッケージをダウンロードします。
    01_ダウンロード_1
  • 現在のプラットフォームが認識できない場合は、ダウンロード ページに移動して、ダウンロードするバージョンを手動で選択できます
    02_ダウンロード_2

3.node.jsをインストールする

  1. インストールパッケージnode-v16.13.2-x64.msiを開き、「次へ」をクリックします。03_インストール_1
  2. 利用規約に同意し、「次へ」をクリックします。
    04_インストール_2
  3. インストールパスを変更する
    05_インストール_3
  4. インストールする必要がある機能を選択し、忘れずに「パスに追加」を選択して、「次へ」をクリックします。
    06_インストール_4
  5. 必要に応じてオプション機能を選択し、「次へ」をクリックします。
    07_インストール_5
  6. 「インストール」をクリックし、ポップアップウィンドウで管理者認証を実行します。
    08_インストール_6
  7. 「完了」をクリックしてインストールを完了します。
    09_インストール_7
  8. 手順5でオプション機能にチェックを入れた場合、インストール完了後に以下のポップアップウィンドウが表示されます。
    10_インストール_8

4 番目に、インストールが完了し、テストが完了します

1. ノードと npm のバージョンを確認する

コマンドラインで次のコマンドを使用して、node と npm のバージョンを確認します。

node -v
npm -v

*PowerShell は使用しないでください。PowerShell は現在不安定で、エラーが報告される可能性があります。
11_インストール済み_1

2. Node.js ディレクトリビュー

12_インストール済み_2

*5. システム環境変数の設定

この手順では、npm のキャッシュ ディレクトリとグローバル依存関係ディレクトリをカスタマイズするため、この手順はオプションです。

1. キャッシュ フォルダーとグローバル依存関係フォルダーを作成します。

理想的な場所に 2 つの新しいフォルダー (node_cache と node_global) を作成します。
13_構成_1

2. コマンドラインを使用してnpm構成を変更します。

2.1 npm設定を変更する

コマンド ライン (推奨) または管理者として PowerShell を開き、次のステートメントを入力して npm 構成を変更します。

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

※設定パスは独自のパスに変更する必要があります
14_構成_1

2.2 npm設定ファイルの設定を確認する

C:\Users\username ディレクトリにある .npmrc ファイルを開いて、今の構成と一致しているかどうかを確認します。
15_構成_2

2.3 ユーザー変数の変更

システム変数設定を入力し、ユーザー変数Path変数を設定し、C:\Users\username\AppData\Roaming\npm下にD:\XXXX\nodejs\node_globalPath 内の他の変数値は変更しないでください。
16_構成_3

2.4 システム変数の変更

[システム環境変数]にシステム変数を追加しNODE_PATH、値を に設定しますD:\XX\nodejs\node_global\node_modulesシステム変数の
17_構成_4Pathに新しい値を追加しますPath 内の他の変数値は変更しないでください。D:\XX\nodejs\node_global\node_modules
17_構成_4

6、npmの使用

6.1 npm を使用してプラグインをインストールする

次のコマンドを使用して、create-react-appプラグインをグローバル ライブラリにインストールします。実行後、グローバル ディレクトリを開いてプラグインを確認します。--saveコマンドを使用すると、package.json ファイルに依存関係を追加できます。

npm install -g --save create-react-app

一時的にのみ使用する場合は、グローバル ライブラリにインストールする必要はなく、-g パラメータを削除するだけです。
19_使用中_1

6.2 npm を使用してプラグインをアンインストールする

次のコマンドを使用して、指定したプラグインをアンインストールしますcreate-react-app指定したプラグインがグローバル ライブラリにインストールされている場合は、-g パラメータを追加する必要があります。

npm uninstall create-react-app
npm uninstall -g create-react-app

20_使用中_2

6.3 npm を使用して指定されたバージョンのプラグインをインストールする

  • 次のコマンドを使用して、ramda バージョン 0.26.0 をインストールします。
npm install --save [email protected]

7. 参考文献

ノードの学習過程では、以下の文献/ビデオ資料を参照してください。

おすすめ

転載: blog.csdn.net/m0_50089886/article/details/122655431