一. node.js 安裝

node.js 安裝完成后會(huì)帶相應(yīng)的npm 包管理工具。

1.node js 官網(wǎng)下載 選擇合適的版本進(jìn)行下載。

這里選擇穩(wěn)定版本。一步一步執(zhí)行安裝，期間安裝盤(pán)默認(rèn)C 盤(pán)，建議更換到盤(pán)符。

我是安裝到E 盤(pán)

2.使用 window + R 快捷鍵，啟動(dòng) cmd命令行 驗(yàn)證 node.js 是否安裝成功

二. Node.js環(huán)境變量配置

1.更改全局安裝路徑：

如果不更改全局安裝的默認(rèn)路徑，會(huì)默認(rèn)安裝到C盤(pán)的路徑 (C:\Users\hua\AppData\Roaming\npm)中,建議更改node 安裝盤(pán)符 在node.js的安裝目錄中，新建兩個(gè)文件夾 node_global 和 node_cache，分別用來(lái)存放安裝的全局模塊和全局緩存信息

2.設(shè)置全局模塊安裝路徑、設(shè)置全局緩存存放路徑

創(chuàng)建完兩個(gè)文件夾后，在cmd窗口中輸入以下命令（兩個(gè)路徑即是兩個(gè)文件夾的路徑）：

  # 設(shè)置全局模塊安裝路徑
  npm config set prefix "E:\Program Files\nodejs\node_global"
  # 設(shè)置全局緩存存放路徑
  npm config set cache "E:\Program Files\nodejs\node_cache"

3.設(shè)置電腦環(huán)境變量，環(huán)境變量界面打開(kāi)順序：右鍵 “我的電腦”=》屬性=》高級(jí)系統(tǒng)設(shè)置=》環(huán)境變量:

修改前：

修改后：

刪除C:\Users\Lenovo\AppData\Roaming\npm 后追加：E:\Program Files\npm_global_modules

新建系統(tǒng)變量：NODE_PATH:E:\Program Files\nodejs\node_global

??????

4.測(cè)試是否成功：

測(cè)試是否配置成功，在 cmd 窗口中輸入以下指令 在 cmd 窗口中輸入以下指令 全局安裝Vue模塊

  npm install -g vue # -g 表示全局安裝

三. 國(guó)內(nèi)鏡像網(wǎng)站配置

配置國(guó)內(nèi)鏡像，解決模塊安裝緩慢或者失敗的問(wèn)題。一般配置 淘寶npm鏡像

1.在 cmd 命令行中，通過(guò)命令配置淘寶鏡像

  npm install -g cnpm --registry=https://registry.npm.taobao.org

使用淘寶鏡像下載模塊，即，將 npm 替換成 cnpm 即可

  cnpm install # module_name

2.切換工具nrm 安裝

使用 npm 全局安裝 nrm

  npm install nrm -g

執(zhí)行 nrm ls

如果安裝過(guò)程報(bào)錯(cuò)：

Error [ERR_REQUIRE_ESM]: require() of ES Module D:\npm\node_modules\nrm\node_modules\open\index.js from D:\npm\node_modules\nrm\cli.js not supported.
Instead change the require of index.js in D:\npm\node_modules\nrm\cli.js to a dynamic import() which is available in all CommonJS modules.
at Object. (D:\npm\node_modules\nrm\cli.js:9:14) {
code: ‘ERR_REQUIRE_ESM’
}

原因：

應(yīng)該使用 open 的 CommonJs規(guī)范的包 ，現(xiàn)在 open v9.0.0 是 ES Module 版本的包

解決方法：npm install -g nrm open@8.4.2 --save

3.通過(guò) nrm ls 命令，查看npm的倉(cāng)庫(kù)列表，帶 * 的就是當(dāng)前選中的鏡像倉(cāng)庫(kù)：

在cmd中輸入nrm ls,顯示如下，發(fā)現(xiàn)找不到*

解決問(wèn)題，在安裝nrm目錄下找到cli.js,打開(kāi)修改代碼

修改代碼如下，把&&修改為|| 

修改前：

 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);
            });
        });

在此執(zhí)行：

• nrm use taobao
• nrm ls

??????

4.通過(guò) nrm use xxx 來(lái)指定要使用的鏡像源：

  nrm use taobao

5.最后，通過(guò) nrm test npm 來(lái)測(cè)試速度

四. npm 、yarn 、pnpm 、nrm 常用命令

4.1 nrm 常用命令

1. 安裝nrm : npm install -g nrm
2. 查看nrm版本號(hào): nrm -V
3. 查看當(dāng)前源: nrm current
4. 查看源列表: nrm ls
5. 切換源: nrm use <registry> registry為源名
6. 刪除源：nrm del <registry>
7. 測(cè)試源速度：nrm test <registry>

4.2 npm 常用指令：

1. 查看版本號(hào)：npm -v
2. 查看全局安裝一級(jí)目錄：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版本： yarn -v
3. 卸載yarn命令：npm uninstall -g yarn

五.常規(guī)上傳至npm公共注冊(cè)表方法（npm publish / yarn publish)

5.1發(fā)布npm 步驟

1.切換注冊(cè)表至npm官方注冊(cè)表:

npm config set registry https://registry.npmjs.org/ 
 或
nrm use npm

2.npm注冊(cè)用戶（若無(wú)npm賬號(hào)）

去npm 官網(wǎng)注冊(cè)

或

npm adduser 

3.npm 登錄（若已有npm賬號(hào)）

npm login

備注：username和password請(qǐng)?zhí)钊雗pm用戶名和密碼，一次性密碼需要從郵箱查看

4.查詢當(dāng)前登錄賬號(hào)： npm whoami

5.npm發(fā)布package：npm publish

5.2 使用yarn鏡像源和yarn命令進(jìn)行上傳

（對(duì)于使用npm鏡像經(jīng)常出現(xiàn)網(wǎng)絡(luò)連接失敗的情況下，建議嘗試yarn）

• 切換至yarn鏡像源： nrm use yarn
• 登錄npm賬號(hào)，同樣需要輸入： yarn login
• 發(fā)布： yarn publish

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論