搭建前端環(huán)境-nvm搭建-配置react環(huán)境-前提準(zhǔn)備

我之前電腦實(shí)在是沒(méi)辦法用nvm搭建前端環(huán)境！惱火，只能推倒重來(lái)了。

首先就先去將自己的電腦里面的原來(lái)的nvm軟件刪除了。除此之外還要看看有沒(méi)有之前單獨(dú)安裝過(guò)nodejs的，如果之前單獨(dú)安裝過(guò)那也要?jiǎng)h除掉。

今天我就是看到自己的電腦友nvm,以為能用，于是通過(guò)nvm切換不同nodejs時(shí)，發(fā)現(xiàn)都是同一個(gè)npm版本，于是沒(méi)辦法把自己想要的環(huán)境搭建起來(lái)。這里我只有2種判斷：

1、可能是除了nvm之外又單獨(dú)安裝了nodejs

2、之前配置的nvm時(shí)將全部nodejs環(huán)境的npm版本固定到其中某一個(gè)nodejs的npm版本

無(wú)論是哪一種都好，只要把電腦里面的有關(guān)nodejs的都刪除了就好了，我說(shuō)的是全部刪除?。ㄗ约喝ニ阉靼?，找多幾篇文章看看，看看怎么講原來(lái)前端的配置都刪除了，搞定之后再重啟。）

所以說(shuō)你要去搜索下：

1、win10(/其他系統(tǒng))如何刪除nodejs以及系統(tǒng)環(huán)境變量數(shù)據(jù)

2、win10(/其他系統(tǒng))如何刪除nvm環(huán)境以及系統(tǒng)環(huán)境變量數(shù)據(jù)

搞定完了有關(guān)沒(méi)問(wèn)題了。

接下來(lái)就是安裝了：

我比較喜歡使用nvm來(lái)管理包，因?yàn)榭梢噪S時(shí)切換：

后面再發(fā)一篇文章來(lái)寫這么安裝吧。

接上篇文章

一、安裝nvm

1、在這里拿nvm包（記得翻墻，快些）：

Releases · coreybutler/nvm-windows · GitHub

這里是直接跟著window下安裝并使用nvm（含卸載node、卸載nvm、全局安裝npm）_windows nvm_hst?的博客-CSDN博客的前五步來(lái)的。

---------------------------------------為什么我只跟了這個(gè)文章的前5步過(guò)程------------------------------------

為什么不跟完在里面步驟呢？因?yàn)槔锩嬲f(shuō)了如果有一個(gè)npm可以讓各個(gè)版本的node共用，就不會(huì)這么麻煩了。

如果這個(gè)意思是：所有nvm包管理工具所管理的node環(huán)境里的npm都是同一個(gè)或者說(shuō)都是同一個(gè)npm版本。

我心想，不會(huì)真的有人講所有node的版本共用有關(guān)npm吧？這不是沙雕嗎？如果說(shuō)你到了公司以后你們會(huì)做多個(gè)項(xiàng)目，然后每個(gè)項(xiàng)目的node以及npm的版本都不一樣，所以還能講所有的node版本設(shè)置為同一個(gè)npm版本嗎？這不是妥妥沙雕？這樣子根本沒(méi)辦法講所有不同的前端項(xiàng)目跑起來(lái)吧？而且一個(gè)node對(duì)應(yīng)得npm版本所install得前端包也就幾百M(fèi)不到，如果說(shuō)你說(shuō)講所有版本node的npm設(shè)置為同一個(gè)是為了省內(nèi)存我可不信！因?yàn)檫@些東西在安裝nvm時(shí)不是可以設(shè)置到d盤或其他盤符嗎？再說(shuō)了，如果說(shuō)就是想省磁盤或內(nèi)存，那就項(xiàng)目結(jié)題后就簡(jiǎn)單使用nvm uninstall node版本號(hào)不就刪除一個(gè)node環(huán)境了嗎？為什么非要講多個(gè)node的npm工具配置為同一個(gè)來(lái)共用呢？除非還是學(xué)生吧，在學(xué)校里的項(xiàng)目一般也沒(méi)什么那就設(shè)置為同一個(gè)npm也沒(méi)什么咯，反正要是不行或者說(shuō)切換其他node版本時(shí)npm版本沖突了也有一大堆時(shí)間可以去修改，畢竟在校生時(shí)間多嘛。或者說(shuō)這個(gè)文章實(shí)際上的共用不是我現(xiàn)在理解的意思。先這樣吧。

因?yàn)檫@個(gè)文章有些我覺(jué)得不需要去繼續(xù)跟著，所以只配置了這篇文章的前5步，但是還是不行的。如果僅僅是下載完上面的nvm工具以及簡(jiǎn)單配置遠(yuǎn)遠(yuǎn)不夠！

bug的出現(xiàn)

比如說(shuō)我想安裝nvm里的nodejs：

D:\companyFiles\xxxxxxx2023\september\myReact>nvm install 20.5.0

D:\companyFiles\xxxxxxx2023\september\myReact>nvm use 20.5.0
Now using node v20.5.0 (64-bit)

D:\companyFiles\xxxxxxx2023\september\myReact>node -v
v20.5.0

D:\companyFiles\xxxxxxx2023\september\myReact>npm -v
9.8.0

沒(méi)什么問(wèn)題,于是我即將搭建react環(huán)境。

但是下面就是操蛋：

D:\companyFiles\xxxxxxx2023\september\myReact>npm install -g cnpm --registry=https://registry.npm.taobao.org

changed 421 packages in 2m

28 packages are looking for funding
  run `npm fund` for details

D:\companyFiles\xxxxxxx2023\september\myReact>cnpm -v
'cnpm' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序
或批處理文件。

D:\companyFiles\xxxxxxx2023\september\myReact>where cnpm
信息: 用提供的模式無(wú)法找到文件。

感覺(jué)沒(méi)什么問(wèn)題，但是無(wú)法識(shí)別cnpm，于是就到配置nvm的內(nèi)容了

二、配置nvm

接下來(lái)就按照這個(gè)文章：

安裝nvm下載node，npm以及配置的全過(guò)程。解析npm下載包使用 -v指令 發(fā)現(xiàn)下載的包不存在的原因。_QAQshift的博客-CSDN博客

我也是根據(jù)這個(gè)文章來(lái)的：

C:\WINDOWS\system32>npm config set prefix "D:\Web\myNodejs\node_modules\node_global"

C:\WINDOWS\system32>npm config set cache "D:\nvm\myNodejs\node_modules\node_cache"

C:\WINDOWS\system32>npm install -g cnpm --registry=https://registry.npm.taobao.org

added 404 packages in 3m

C:\WINDOWS\system32>cnpm -v
cnpm@9.2.0 (D:\Web\myNvm\nvm\v20.5.0\node_modules\node_global\node_modules\cnpm\lib\parse_argv.js)
npm@9.8.1 (D:\Web\myNvm\nvm\v20.5.0\node_modules\node_global\node_modules\cnpm\node_modules\npm\index.js)
node@20.5.0 (D:\Web\myNodejs\node.exe)
npminstall@7.10.0 (D:\Web\myNvm\nvm\v20.5.0\node_modules\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=D:\Web\myNodejs\node_modules\node_global
win32 x64 10.0.19044
registry=https://registry.npmmirror.com

于是就可以安裝react環(huán)境吧：

三、安裝react:

React前端開發(fā)環(huán)境搭建 - 季安安 - 博客園 (cnblogs.com)文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-699442.html

到了這里，關(guān)于第n+2次安裝前端環(huán)境-nvm管理包工具-配置react環(huán)境的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！