記事ディレクトリ
1.node.jsのインストール
node.js をインストールすると、対応する npm パッケージ管理ツールが導入されます。
-
Node js 公式 Web サイトのダウンロードダウンロードする適切なバージョンを選択します。
ここで安定バージョンを選択します。インストールを段階的に実行します。この際、インストール ディスクはデフォルトで C ドライブに設定されますが、ドライブ文字に変更することをお勧めします。
Eドライブにインストールしました
-
window + R ショートカット キーを使用して cmd コマンド ラインを開始し、node.js が正常にインストールされているかどうかを確認します。
2. Node.js環境変数の設定
- グローバル インストール パスを変更します。
グローバル インストールのデフォルト パスを変更しない場合、デフォルトでは C ドライブのパス (C:\Users\hua\AppData\Roaming\npm) にインストールされます。ノードのインストール ドライブを変更することをお勧めします。node.js インストール ディレクトリに、2 つのフォルダーを作成します。
- グローバル モジュールのインストール パスを設定し、グローバル キャッシュ ストレージ パスを設定します。
2 つのフォルダーを作成した後、cmd ウィンドウに次のコマンドを入力します (2 つのパスは 2 つのフォルダーのパスです)。
# 设置全局模块安装路径
npm config set prefix "E:\Program Files\nodejs\node_global"
# 设置全局缓存存放路径
npm config set cache "E:\Program Files\nodejs\node_cache"
- コンピュータの環境変数を設定し、環境変数インターフェイスを開く順序を設定します。右クリックして、「マイコンピュータ」=「プロパティ」=「システムの詳細設定」=「環境変数」を選択します。
修正する前に:
変更後:
削除後、C:\Users\Lenovo\AppData\Roaming\npm
追加後:E:\Program Files\npm_global_modules
新しいシステム変数 NODE_PATH を作成します。E:\Program Files\nodejs\node_global
- テストが成功したかどうか:
構成が成功したかどうかをテストするには、cmd ウィンドウに次のコマンドを入力します。 cmd ウィンドウに次のコマンドを入力して、Vue モジュールをグローバルにインストールします。
npm install -g vue # -g 表示全局安装
3. 国内ミラーサイト構成
国内ミラーリングを構成して、モジュールのインストールが遅い、または失敗するという問題を解決します。一般的な設定淘宝網 npm ミラー
- cmdコマンドラインで、次のコマンドを使用して淘宝網ミラーを構成します。
npm install -g cnpm --registry=https://registry.npm.taobao.org
Taobao ミラーを使用してモジュールをダウンロードします。つまり、npm を cnpm に置き換えます。
cnpm install # module_name
- スイッチツール 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
- 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
nrm use xxx
使用するミラー ソースを指定するために使用します。
nrm use taobao
- 最後に、次の
nrm test npm
ように
4. npm、yarn、pnpm、nrmの共通コマンド
4.1 nrm の共通コマンド:
- nrm をインストールします。
npm install -g nrm
- nrm のバージョン番号を表示します。
nrm -V
- 現在のソースを表示:
nrm current
- ソースリストを表示:
nrm ls
- ソースの切り替え:
nrm use <registry> registry为源名
- ソースを削除:
nrm del <registry>
- ソース速度のテスト:
nrm test <registry>
4.2 npm の共通コマンド:
- バージョン番号を確認します。
npm -v
- グローバル インストールの第 1 レベル ディレクトリを表示します。
npm list -g --depth 0
- nodejs のグローバル インストール パスを表示します: npm config ls
- スイッチソース:
npm config set registry <url>
URL はソースアドレスです
例如:npm config set registry https://registry.npmjs.org/
4.3 Yarn の一般的なコマンド:
- インストールコマンド:
npm install -g yarn
- 糸のバージョンを確認します。
yarn -v
- 糸コマンドをアンインストールします。
npm uninstall -g yarn
5. npmパブリックレジストリへの通常のアップロード方法(npm pub /yarn public)
5.1 npm のリリース手順:
- レジストリを npm 公式レジストリに切り替えます。
npm config set registry https://registry.npmjs.org/
或
nrm use npm
- npm 登録ユーザー (npm アカウントがない場合) は、npm 公式 Web サイト
にアクセスして登録するか、
npm adduser
- npm ログイン (npm アカウントをすでにお持ちの場合)
npm login
備考: ユーザー名とパスワードにはnpmのユーザー名とパスワードを入力してください。ワンタイムパスワードはメールボックスから確認する必要があります。
- 現在のログイン アカウントをクエリします。
npm whoami
- npmリリースパッケージ:
npm publish
5.2yarnイメージソースとyarnコマンドを使用してアップロードします(npmイメージが頻繁にネットワークに接続できない場合は、yarnを試すことをお勧めします)
- 糸の画像ソースに切り替えます。
nrm use yarn
- npm アカウントにログインするには、次も入力する必要があります。
yarn login
- パブリッシュ: 糸パブリッシュ