一、快速搭建

1、方法一

npx create-react-app my-app

image.png

方法二

npm init react-app my-app 支持npm版本>6.0.0

初始化好之后的项目结构如下：

image.png

最后运行npm start，在http://localhost:3000/打开的网页中可以查看项目效果；

image.png

二、搭建常遇到的问题

1、nodejs版本和npm版本不对应

image.png

具体解释见https://forums.freebsd.org/threads/node-js-9-vs-npm.63401/；
最好安装的时候版本要对应；
版本不对应，设置淘宝代理也是会报错的；
注意：针对这种解决方案，删除nodejs下面的安装的所有文件，尤其记得c盘用户下面的npm和npm-cache也要清理，这样重新安装之后才不会发生nodejs版本更新，但是npm的版本还是旧版本的问题。

2、操作不允许

image.png

看错误信息，提示以管理员身份重新打开命令行工具，重试；试了，不起作用，还是报同样的错误；
这个看个人电脑的情况，有些试了以管理员身份运行就可以了；有些用来npm cache clear --force或npm cache verify就可以了；
如果还是不行，卸载重装nodejs，注意点同问题一；
然后问题解决了，太开心了。