設(shè)計(jì)漂亮的網(wǎng)站廣州權(quán)威發(fā)布
需求:在做前端開(kāi)發(fā)的時(shí)候,有的時(shí)候 這個(gè)項(xiàng)目需要 node 14 那個(gè)項(xiàng)目需要 node 16,我們也不能卸載 安裝 。這豈不是很麻煩。這個(gè)時(shí)候 就需要 一個(gè)工具 來(lái)管理我們的 node 版本和 npm 版本。
下面就分享一個(gè) nvm 工具 用來(lái)管理 node 版本。
這個(gè)nvm 和 java的 mvn 命令很像 。大家不要用混了~ 哈哈
注: 下面的所有 cmd 打開(kāi) 都要以管理員運(yùn)行 否則 命令 有可能不生效
nvm 官網(wǎng)地址:https://nvm.uihtm.com
github 地址,
下載最新版本:
https://github.com/coreybutler/nvm-windows
https://github.com/nvm-sh/nvm
nvm 常用命令:
nvm -v 查看當(dāng)前版本
nvm --config nvm list available 查詢可以下載的node版本
nvm list 查看已安裝node版本列表
nvm install 版本號(hào) 下載對(duì)應(yīng)node版本
nvm use 版本號(hào) 切換node版本
nvm on 開(kāi)啟nvm
nvm off 關(guān)閉nvm
安裝:
我下載的是 1.1.12 版本
解壓出來(lái)
下一步 下一步安裝 不建議安裝到 C盤
安裝完成后 ,修改 鏡像源 加快下載速度
把下面命令復(fù)制到 settings.txt 文件中
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
保存即可
nvm配置環(huán)境變量
默認(rèn) 安裝后 會(huì)自動(dòng)配置
低版本的 好像需要自己去配置
%NVM_HOME% 和 %NVM_SYMLINK%
最后 管理員 運(yùn)行 cmd 驗(yàn)證安裝情況
文件夾里的情況:
node環(huán)境變量配置
對(duì)于怎么配置環(huán)境變量 常量 和 環(huán)境變量里的 PATH 常量 的 這里就不說(shuō)了
修改全局安裝的模塊路徑和緩存路徑 這樣不占用 C盤
創(chuàng)建兩個(gè)文件夾 先
nodeCache
nodeGlobal
創(chuàng)建完兩個(gè)文件夾后,在cmd窗口中輸入以下命令
路徑按照自己的存儲(chǔ)地址 修改
npm config set prefix "D:\app\nodejs\nvm\nodeGlobal"
npm config set cache "D:\app\nodejs\nvm\nodeCache"
檢查環(huán)境變量:
系統(tǒng)變量 和 用戶變量 都要加 方便后續(xù)使用
如果有C:\Users\用戶名\AppData\Roaming\npm,
修改為D:\app\nodejs\nvm\nodeGlobal
我們自己建的 路徑
如果沒(méi)有
就新建D:\app\nodejs\nvm\nodeGlobal
這個(gè)PATH常量下:
接再來(lái) 再創(chuàng)建一個(gè)環(huán)境變量 NODE_PATH :
變量值如下 就是剛剛我們創(chuàng)建的 全局文件夾 后面加一個(gè) node_modules
D:\app\nodejs\nvm\nodeGlobal\node_modules
設(shè)置淘寶的鏡像并查看
建議用 管理員權(quán)限 執(zhí)行 cmd 因?yàn)樗獙懭?你磁盤 有可能沒(méi)權(quán)限
npm config set registry https://registry.npmmirror.com/npm config get registry
全局安裝cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com/或npm install -g cnpm
注: 我再在執(zhí)行 npm install -g cnpm
報(bào)錯(cuò)
說(shuō)什么權(quán)限不足
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
百度后 又是 讓給 自己創(chuàng)建的文件夾 權(quán)限 又是 清除 c盤下的 .npmrc 文件
但是 對(duì)于我來(lái)說(shuō) 都沒(méi)用 如果你也遇到這個(gè)問(wèn)題 看了網(wǎng)上 清除了 .npmrc 文件
那你上面執(zhí)行的 npm config set 命令都會(huì) 失效 需要重新執(zhí)行
最后有一篇文章 解決了問(wèn)題
因?yàn)槲沂褂玫?是 node 14.5 所以 在安裝 cnpm 指定一下版本 即可
應(yīng)該是 依賴 關(guān)系的問(wèn)題 要對(duì)應(yīng)版本下載
npm install -g cnpm@7.1.1
yarn安裝
npm install yarn -g
驗(yàn)證我們文件夾生效拉 去查看 文件夾里是否有內(nèi)容