目录
nvm：node版本管理器
安装
window
mac
常见命令
Node、npm
yarn
React
a.全局方式
b.临时方式
运行
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系统完全卸载删除 Node.js_卸载nodejs命令-CSDN博客z
安装
window
mac
常见命令
nvm -v 查看当前版本
nvm --config
nvm list 查看已安装node版本列表
nvm install <version> 下载对应node版本（如：nvm install 14.20.1）
nvm uninstall <version> 卸载
nvm use <version> 切换node版本
nvm on 开启nvm
nvm off 关闭nvm
nvm alias default 版本号 设置默认node版本
window下安装nvm，node, npm, yarn
Node、npm
# 依次执行以下命令
nvm install node版本
nvm ls 查看列表
nvm use node版本
node -v
npm -v
更换npm源为淘宝镜像
说明：npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载，国内很慢，一般都会指向淘宝 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。请在终端中运行以下命令：
npm install -g create-react-app
创建项目：现在您已经安装了 React 脚手架，您可以使用以下命令在 Mac 上创建新的 React 项目：
create-react-app my-app
启动项目：最后，您可以在终端中运行以下命令启动您的 React 项目：
cd my-app npm start
b.临时方式
npx create-react-app your-app-name
create-next-app 版本 14.0.4 要求 Node.js 版本至少为 18.17.0
运行
cd my-app
npm start
这个过程为什么慢,因为这个过程实际会安装三个东西
1.react:react的顶级库.
2.react-dom:因为react有很多的运行环境,比如app端的react-native,我们要在web上运行就使用react-dom.
3.react-scripts:包含运行和打包应用程序的所有脚本配置.
Mac 搭建React脚手架环境create-react-app - 掘金文章来源：https://www.toymoban.com/news/detail-802674.html
文章来源地址https://www.toymoban.com/news/detail-802674.html
到了这里，关于前端环境安装【mac/window，nvm，node，npm，yarn，react】的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
