Node.js のインストールと構成の環境変数については、この記事のみを参照してください

1.node.jsのインストール

node.js をインストールすると、対応する npm パッケージ管理ツールが導入されます。

  1. Node js 公式 Web サイトのダウンロードダウンロードする適切なバージョンを選択します。
    ここに画像の説明を挿入
    ここで安定バージョンを選択します。インストールを段階的に実行します。この際、インストール ディスクはデフォルトで C ドライブに設定されますが、ドライブ文字に変更することをお勧めします。
    Eドライブにインストールしました
    ここに画像の説明を挿入

  2. window + R ショートカット キーを使用して cmd コマンド ラインを開始し、node.js が正常にインストールされているかどうかを確認します。
    ここに画像の説明を挿入

2. Node.js環境変数の設定

  1. グローバル インストール パスを変更します。


グローバル インストールのデフォルト パスを変更しない場合、デフォルトでは C ドライブのパス (C:\Users\hua\AppData\Roaming\npm) にインストールされます。ノードのインストール ドライブを変更することをお勧めします。node.js インストール ディレクトリに、2 つのフォルダーを作成します。

  1. グローバル モジュールのインストール パスを設定し、グローバル キャッシュ ストレージ パスを設定します。
    2 つのフォルダーを作成した後、cmd ウィンドウに次のコマンドを入力します (2 つのパスは 2 つのフォルダーのパスです)。
    ここに画像の説明を挿入
  # 设置全局模块安装路径
  npm config set prefix "E:\Program Files\nodejs\node_global"
  # 设置全局缓存存放路径
  npm config set cache "E:\Program Files\nodejs\node_cache"

  1. コンピュータの環境変数を設定し、環境変数インターフェイスを開く順序を設定します。右クリックして、「マイコンピュータ」=「プロパティ」=「システムの詳細設定」=「環境変数」を選択します。

修正する前に:
ここに画像の説明を挿入

変更後:
削除後、C:\Users\Lenovo\AppData\Roaming\npm追加後:E:\Program Files\npm_global_modules
ここに画像の説明を挿入

新しいシステム変数 NODE_PATH を作成します。E:\Program Files\nodejs\node_global
ここに画像の説明を挿入

  1. テストが成功したかどうか:
    構成が成功したかどうかをテストするには、cmd ウィンドウに次のコマンドを入力します。 cmd ウィンドウに次のコマンドを入力して、Vue モジュールをグローバルにインストールします。
  npm install -g vue # -g 表示全局安装

ここに画像の説明を挿入

3. 国内ミラーサイト構成

国内ミラーリングを構成して、モジュールのインストールが遅い、または失敗するという問題を解決します。一般的な設定淘宝網 npm ミラー

  1. cmdコマンドラインで、次のコマンドを使用して淘宝網ミラーを構成します。
  npm install -g cnpm --registry=https://registry.npm.taobao.org

Taobao ミラーを使用してモジュールをダウンロードします。つまり、npm を cnpm に置き換えます。

  cnpm install # module_name
  1. スイッチツール nrm のインストール
    npm を使用して nrm をグローバルにインストールする
  npm install nrm -g

実行 インストール プロセス中にエラーが報告されたnrm ls
場合
ここに画像の説明を挿入
: エラー [ERR_REQUIRE_ESM]: ES モジュール D:\npm\node_modules\nrm\node_modules\open\index.js の require() from D:\npm\node_modules\nrm\cli。 js はサポートされていません。
代わりに、D:\npm\node_modules\nrm\cli.js の Index.js の require を、すべての CommonJS モジュールで使用できる動的な import() に変更します。オブジェクトで (D:\npm\node_modules
\ nrm\cli.js :9:14) { code: 'ERR_REQUIRE_ESM' }理由: オープン CommonJs 仕様パッケージを使用する必要があり、現在オープン v9.0.0 が ES モジュール バージョン パッケージです。



ここに画像の説明を挿入

解決:npm install -g nrm [email protected] --save

  1. nrm ls コマンドを使用して、npm ウェアハウスのリストを表示します。* が付いたものが現在選択されているミラー ウェアハウスです。cmd
    ここに画像の説明を挿入
    に nrm ls を入力すると、次のように表示されます。* が見つからないことが
    問題を解決します。インストール nrm ディレクトリにある cli.js を開き、それを開きます。 コードを変更し
    ます。 コードを次のように変更します。 && を || に変更します。
    変更前:
 if (hasOwnProperty(customRegistries, name) && (name in registries || customRegistries[name].registry === registry.registry)) {
    
    
                    registry[FIELD_IS_CURRENT] = true;
                    customRegistries[name] = registry;
                }
                setCustomRegistry(customRegistries);
                printMsg(['', '   Registry has been set to: ' + newR, '']);
            }).catch(err => {
    
    
                exit(err);
            });
        });

変更後:

 if (hasOwnProperty(customRegistries, name) || (name in registries || customRegistries[name].registry === registry.registry)) {
    
    
                    registry[FIELD_IS_CURRENT] = true;
                    customRegistries[name] = registry;
                }//修改了&&为||
                setCustomRegistry(customRegistries);
                printMsg(['', '   Registry has been set to: ' + newR, '']);
            }).catch(err => {
    
    
                exit(err);
            });
        });

ここで実行します:
nrm use taobao
nrm ls
ここに画像の説明を挿入

  1. nrm use xxx使用するミラー ソースを指定するために使用します。
  nrm use taobao

ここに画像の説明を挿入

  1. 最後に、次のnrm test npmように

ここに画像の説明を挿入

4. npm、yarn、pnpm、nrmの共通コマンド

4.1 nrm の共通コマンド:

  1. nrm をインストールします。npm install -g nrm
  2. nrm のバージョン番号を表示します。nrm -V
  3. 現在のソースを表示:nrm current
  4. ソースリストを表示:nrm ls
  5. ソースの切り替え:nrm use <registry> registry为源名
  6. ソースを削除:nrm del <registry>
  7. ソース速度のテスト:nrm test <registry>

4.2 npm の共通コマンド:

  1. バージョン番号を確認します。npm -v
  2. グローバル インストールの第 1 レベル ディレクトリを表示します。npm list -g --depth 0
  3. nodejs のグローバル インストール パスを表示します: npm config ls
  4. スイッチソース: npm config set registry <url>URL はソースアドレスです
例如:npm config set registry https://registry.npmjs.org/

4.3 Yarn の一般的なコマンド:

  1. インストールコマンド:npm install -g yarn
  2. 糸のバージョンを確認します。yarn -v
  3. 糸コマンドをアンインストールします。npm uninstall -g yarn

5. npmパブリックレジストリへの通常のアップロード方法(npm pub /yarn public)

5.1 npm のリリース手順:

  1. レジストリを npm 公式レジストリに切り替えます。
npm config set registry https://registry.npmjs.org/ 
 或
nrm use npm
  1. npm 登録ユーザー (npm アカウントがない場合) は、npm 公式 Web サイト
    にアクセスして登録するか、
npm adduser 
  1. npm ログイン (npm アカウントをすでにお持ちの場合)
npm login

備考: ユーザー名とパスワードにはnpmのユーザー名とパスワードを入力してください。ワンタイムパスワードはメールボックスから確認する必要があります。

  1. 現在のログイン アカウントをクエリします。npm whoami
  2. npmリリースパッケージ:npm publish

5.2yarnイメージソースとyarnコマンドを使用してアップロードします(npmイメージが頻繁にネットワークに接続できない場合は、yarnを試すことをお勧めします)

  1. 糸の画像ソースに切り替えます。nrm use yarn
  2. npm アカウントにログインするには、次も入力する必要があります。yarn login
  3. パブリッシュ: 糸パブリッシュ

おすすめ

転載: blog.csdn.net/u014212540/article/details/130260679