目錄
nvm：node版本管理器
安裝
window
mac
常見命令
Node、npm
yarn
React
a.全局方式
b.臨時(shí)方式
運(yùn)行
nvm：node版本管理器
nvm 主要是用來管理?nodejs?和 npm 版本的工具，可以用來切換不同版本的 nodejs。安裝nvm之前先卸載node
Mac徹底卸載node
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
Windows系統(tǒng)完全卸載刪除 Node.js_卸載nodejs命令-CSDN博客z
安裝
window
mac
常見命令
nvm -v 查看當(dāng)前版本
nvm --config?
nvm list 查看已安裝node版本列表
nvm install <version> 下載對(duì)應(yīng)node版本（如：nvm install 14.20.1）
nvm uninstall <version> 卸載
nvm use <version> 切換node版本
nvm on 開啟nvm
nvm off 關(guān)閉nvm
nvm alias default 版本號(hào) 設(shè)置默認(rèn)node版本
window下安裝nvm，node, npm, yarn
Node、npm
# 依次執(zhí)行以下命令
nvm install?node版本
nvm ls 查看列表
nvm use node版本
node -v
npm -v
更換npm源為淘寶鏡像
說明：npm 默認(rèn)的 registry ,也就是下載 npm 包時(shí)是從國外的服務(wù)器下載，國內(nèi)很慢，一般都會(huì)指向淘寶 https://registry.npm.taobao.org。
1、查看初始npm源，如圖：
npm config get registry
2、更換鏡像為淘寶鏡像
npm config set registry https://registry.npm.taobao.org/
3、檢查配置是否成功?
npm config get registry
yarn
# 全局安裝yarn
npm install -g yarn
# 查看yarn 版本
yarn -v
?
React
a.全局方式
安裝 Create-React-App：要安裝 React 腳手架，您需要使用 npm 包管理器安裝 Create-React-App。請(qǐng)?jiān)诮K端中運(yùn)行以下命令：
npm install -g create-react-app
創(chuàng)建項(xiàng)目：現(xiàn)在您已經(jīng)安裝了 React 腳手架，您可以使用以下命令在 Mac 上創(chuàng)建新的 React 項(xiàng)目：
create-react-app my-app
啟動(dòng)項(xiàng)目：最后，您可以在終端中運(yùn)行以下命令啟動(dòng)您的 React 項(xiàng)目：
cd my-app npm start
b.臨時(shí)方式
?npx create-react-app your-app-name
?
create-next-app?版本?14.0.4?要求 Node.js 版本至少為?18.17.0
運(yùn)行
cd my-app
npm start
?
這個(gè)過程為什么慢,因?yàn)檫@個(gè)過程實(shí)際會(huì)安裝三個(gè)東西
1.react:react的頂級(jí)庫.
2.react-dom:因?yàn)閞eact有很多的運(yùn)行環(huán)境,比如app端的react-native,我們要在web上運(yùn)行就使用react-dom.
3.react-scripts:包含運(yùn)行和打包應(yīng)用程序的所有腳本配置.
Mac 搭建React腳手架環(huán)境create-react-app - 掘金文章來源：http://www.zghlxwxcb.cn/news/detail-802674.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-802674.html
到了這里，關(guān)于前端環(huán)境安裝【mac/window，nvm，node，npm，yarn，react】的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
