快捷導(dǎo)航

NodeJs環(huán)境安裝與配置的實(shí)現(xiàn)步驟

更新時(shí)間：2024年01月30日 08:36:50 作者：王大可996

本文主要介紹了NodeJs環(huán)境安裝與配置,包括配置環(huán)境和配置國(guó)內(nèi)鏡像，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

安裝

下載地址：https://nodejs.cn/download/

根據(jù)需要選擇自己環(huán)境需要的下載即可，我這里是 win11.64 位的系統(tǒng)?，F(xiàn)在一般都是 64 的了吧...

下載后,安裝到指定目錄即可，一版安裝到非 C 盤以外的目錄，這個(gè)就不用說(shuō)為啥了吧。

我這里是 D:\work\devtool\nodejs

安裝完成后，打開(kāi) win+R 輸入 cmd 啟動(dòng)命令行窗口

node -v

npm -v

配置環(huán)境

正常來(lái)說(shuō)安裝后不配置也可以使用了，但是若不進(jìn)行環(huán)境變量配置，那么在使用 npm 命令安裝全局模塊時(shí)（如：npm install -g vue），會(huì)默認(rèn)安裝到 C 盤的路徑 (C:\Users\wdk\AppData\Roaming\npm) 中,這樣 c 盤回變得很大。前面有說(shuō)過(guò)使用 pnpm 節(jié)約磁盤，可以去看下。

配置全局安裝模塊(node_global)和緩存(node_cache)目錄

在 node.js 的安裝目錄中(D:\work\devtool\nodejs)，新建兩個(gè)文件夾 node_global 和 node_cache，分別用來(lái)存放安裝的全局模塊和全局緩存文件

設(shè)置目錄

# 設(shè)置全局目錄
C:\Users\wdk>npm config set prefix D:\work\devtool\nodejs\node_global

# 設(shè)置全局緩存
C:\Users\wdk>npm config set cache D:\work\devtool\nodejs\node_cache

設(shè)置系統(tǒng)環(huán)境變量

win11 的話右鍵系統(tǒng)徽標(biāo)->系統(tǒng)->高級(jí)系統(tǒng)設(shè)置->環(huán)境變量

在下面的系統(tǒng)變量中

新建環(huán)境變量

NODE_PATH

值為

D:\work\devtool\nodejs\node_global\node_modules

修改【用戶變量】中的 path 變量中 npm 路徑

將 xxx/npm 的路經(jīng)修該為(如果有的話，我重裝的系統(tǒng) c 盤并沒(méi)有，之前我就安裝在了其他盤...)

D:\work\devtool\nodejs\node_global

最后點(diǎn)擊確定保存即可，然后重新啟動(dòng) cmd 命令窗口輸入驗(yàn)證安裝在哪里了

npm install -g vue

一般情況，會(huì)發(fā)現(xiàn)安裝很慢，這就得需要修改為國(guó)內(nèi)鏡像了。至此安裝與配置就完成了，下面修該鏡像源地址。

配置國(guó)內(nèi)鏡像

# 設(shè)置為淘寶源
npm config set registry https://registry.npmmirror.com
# 查看鏡像源
npm config get registry

# 安裝 切換鏡像的工具 nrm
npm install nrm -g

# nrm命令

nrm ls  # 查看鏡像列表，*表示當(dāng)前使用的

nrm use taobao  # 使用哪個(gè)鏡像

nrm test npm    # 測(cè)速