React 安装及构建新项目

前言

React需要安装 Node.js 用于本地开发。

强烈建议使用nvm(Node Version Manager) ，nvm是 Nodejs 版本管理器，它让我们方便的对切换Nodejs 版本。

nvm 介绍：使用 nvm 管理不同版本的 node 与 npm

关于nvm的详细安装以及使用可以访问以下链接：

•  Linux: https://github.com/creationix/nvm
•  Windows: https://github.com/coreybutler/nvm-windows

下面以在Windows 11 系统上安装为例来一遍完整流程：

一、安装nvm

下载 nvm-windows 最新安装包，直接安装即可。

重要：要卸载已安装的 NodeJS，否则会发生冲突。（如果不卸载，在安装nvm时会询问是否让nvm接管xx版本的node，选择“是”也可以）

1.如图，打开GitHub网址后下载nvm-setup.exe

2.运行nvm-setup.exe，选择nvm安装路径

3.选择nodejs路径

4.确认安装

5.安装完确认

打开CMD，输入命令 nvm ，安装成功则如下显示。可以看到里面列出了各种命令提示。

二、Node.js 安装配置

1.Node.js 安装包及源码下载地址为：下载 | Node.js。（查看所需版本号即可)

2.nvm install 版本号 安装指定的版本的nodejs  (作者安装的是上图所示的最新长期维护版)

3.执行 nvm use

三、使用 Create React App创建一个新的 React 项目

1.进入你想创建项目的路径 例如：D:\code\demo

2.然后输入命令：npx create-react-app my-app

npx create-react-app my-app

注释：这里的create-react-app是创建命令，my-app是你自定义的项目名称

输入“y”确定，下载安装中

完成安装！

3.安装完成后通过以下命令进入目录启动项目

cd my-app
npm start

4.在浏览器中打开 http://localhost:3000/  （一般为自动打开）

出现上面的界面就说明React安装成功！React新项目构建完成！

 祝贺你成功安装React！祝开发顺利！如果此篇文章对你有所帮助的话，感谢帮忙点赞、收藏、转发！