React安装教程详细信息

React安装教程1.在windows下安装Node1和NodeJS后，安装NodeJS很方便（v0.6.0之后，支持windows原生）。您只需登录官方网站（https://nodejs.org/），您可以看到下载页面。

2.下载后，双击“运行”进行安装。安装过程基本上是“NEXT”（下一步）（所有都以默认模式安装）。（Windows的安装msi文件将在过程中直接添加路径的系统变量。变量值是您的安装路径，例如“C:Program Files nodejs”）。

3.安装后，可以使用cmd（win+r并输入cmd）测试安装是否成功。方法：在cmd下输入node-v，出现以下版本提示，表示NodeJS安装已完成。

4.npm安装。由于新版本的NodeJS集成了npm，所以之前也安装了npm。您还可以使用cmd命令行输入“npm-v”来测试安装是否成功。如下图所示，版本提示为OK。

5.到目前为止，常规NodeJS的建设已经完成。如果您等不及，可以通过“cmd”输入“node”进入节点开发模式，并输入NodeJS的第一句话：“hello world”-input:console。日志（“hello world”）。

6.NPM作为NodeJS模块进行管理

① 首先，我们需要配置npm全局模块的存储路径和缓存路径。例如，如果我想将上述两个文件夹放在NodeJS的主目录中，我将在NodeJS_Global和node_Cache下创建一个“node”

② . 启动cmd，输入

③ 现在让我们尝试安装一个模块，并选择express，这是一个常用的模块。另外，在cmd命令行（以管理员权限运行cmd）中，输入

（“-g”参数表示安装在全局目录中，即上面设置的“C:\Program Files nodejs node_global”）。cmd中的安装过程完成后，将提示您“express”的安装位置、版本及其目录结构。如下图所示；

④ 关闭cmd并打开系统对话框。右键单击我的电脑属性高级系统设置高级环境变量。如下图所示；

⑤ 进入环境变量对话框，在系统变量_ PATH下创建一个新的“NODE”，输入“C:\Program Files nodejs NODE_ global\NODE_ Modules”。（ps：这一步非常关键。）；

2014年4月19日新增：由于模块的默认地址已更改，必须更改上述用户变量（用户变量“PATH”更改为“C:\Program Files nodejs node_global”）。否则，使用模块时，输入命令中将出现错误“xxx不是内部或外部命令，也不是可运行的程序或批处理文件”。

⑥ 如果上述步骤正常，我们可以再次打开cmd命令行，输入节点，然后输入“require（'express'）”，以测试节点下模块的全局路径是否正确配置。如果正确，cmd将列出与express相关的信息。如下图所示（如果有错误，通常是NODE_PATH的配置不正确，您可以检查步骤④ ⑤ 以下）

好的，就这样；

在这里，我提到了一个名为何谢的博客，并再次表示感谢。

到https://m.blog.csdn.net/article/details?id=51160334

2.安装反应器。根据react官网上的提示，在命令提示符下输入npm install-g create react app

和我一样，这意味着安装完成

输入创建反应app

然后输入如上图所示的命令，以证明react安装成功。接下来，创建一个react项目。

经过一段时间的等待，项目成功创建，

首先cd到项目根目录，然后npm run start可以运行此项目

如果你能看到这张照片，恭喜你。您已经跨越了React开发的第一个障碍。