引子

  国庆节在老家，无丝竹之乱耳，无案牍之劳形。今天的天气也是非常的热，坐在椅子上也是汗流浃背，小时候就没有空调，现在有了空调反而习惯了流汗，所以就边流汗，边研究一下react，为什么是react而不是vue呢？主要是因为目前公司使用的react框架，所以也是没有办法的事情。我是一个今天才开始接触react的小白，懂一点javascript，后面关于react的文章，基本都是从一个小白的角度来研究这个框架。

一、前提条件

1、使用官网示例需要在本地安装nodejs
2、版本要求：Node >= 8.10 和 npm >= 5.6（我使用的版本是8.11.0）

二、安装步骤

1.打开cmd，以管理员身份运行

2.切换到Nodejs的安装目录

3.执行命令

npx create-react-app my-app

第一次安装的时候，本地直接超时了，估计是需要下载的内容过多，网速也跟不上，导致超时了，报错如下图：

第二次再次执行命令，安装成功了，估计是网络又可以了

三、启动

1.切换到my-app文件夹

根据步骤二安装成功之后，可以看到nodejs安装目录下多了一个my-app文件夹，cmd窗口切换到my-app目录下

2.执行启动命令

在my-app目录下执行

npm start

等待启动完成之后，就是如图界面

默认浏览器，也会打开3000端口，出现如图的页面，说明就成功了

注意

1、如果你浏览器访问了，却是一篇空白（比如IE），说明react还不兼容当前浏览器浏览器兼容说明

最后

以上就是懦弱纸飞机为你收集整理的【React初探】运行官网示例Create React App引子一、前提条件二、安装步骤三、启动注意的全部内容，希望文章能够帮你解决【React初探】运行官网示例Create React App引子一、前提条件二、安装步骤三、启动注意所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。