从零开始搭建React项目并运行(win环境)

这个教程非常容易学，整个搭建过程大概需要十多分钟就可以完成。

我这里从facebook官方出版的一个创建React的脚手架==>creat-react-app开始。

• 安装nodejs环境，这里下载的nodejs是v12.22.6 版本，内部包含了 npm 6.13.4版本。
• nodejs下载地址https://nodejs.org/download/release/v12.22.6/
• 下载好nodejs之后开始安装，我这里安装目录为：C:\nodejs\，安装过程一律下一步即可。安装好之后，打开一个新的cmd窗口，输入node -v可查看是否安装成功。

• C:\Users\Administrator>node -v
  v12.22.6
  
  C:\Users\Administrator>npm -v
  6.14.15

• 下一步开始下载React的脚手架工程。为了提高下载速度，把npm镜像源设置为淘宝镜像源，直接在命令行输入：

• npm config set registry http://registry.npm.taobao.org/

•  然后下载脚手架，命令行输入：

• npx create-react-app my-first-react

• 下载成功后，如图显示，代码本地保存的路径也可以看到，

•  命令行进入脚手架代码下载的目录下，运行npm start即可启动项目。

  cd C:\Users\Administrator\react-demo
  npm start

  

• 访问 http://localhost:3000/，查看运行效果。

•