react-搭建脚手架（一）

react官网:https://reactjs.org

打开官网你会看到：

image.png

第二步之后你会看到

image.png
我们在桌面cmd窗口下按照命令提示进行操作就OK了。
其中命令：npx create-react-app my-app 会为我们自动构建一个react脚手架，my-app是我们的项目名称，可以根据自己的项目去命名。构建好之后依次输入：cd 项目名称 npm start即可，它会自动为我们打开浏览器。看到下面的页面就说明我们的项目脚手架搭建好了。
image.png

当然我们要对项目的代码进行删减才能够很好的进行编码。

项目目录结构如下：

image.png

对代码进行删减之后就剩这三个文件了。

image.png

我们在看下页面。

image.png
代码精简到这个程度就可以了。