搭建React脚手架

1、开启电脑控制面板程序cmd

• 首先按住win+R，输入cmd进入电脑控制面板程序界面，这样就可以直接在全局安装该脚手架，在此界面输入

npm i -g create-react-app

- 等待一段时间之后就可以安装完成。

2、在指定文件夹下快速创建React项目

• 首先在自己想创建项目文件夹的目录之下按住shift+鼠标右键打开Windows PowerShell ，不打开这个也可以，直接在该目录之下输入cmd，就可以进入到当前目录下的了。（当然如果你会一些命令那就不需要这么做，直接敲命令行进入即可），上诉步骤完成之后就可以创建的React项目了。
• 使用命令创建React项目

create-react-app bugdr-react

- 自己网络良好和电脑配置还行的话，这个步骤就比较快一点，因为要去拉去资源包。 - 在经过漫长的等待时间之后终于迎来了胜利的曙光。

3、项目创建成功

• 在上诉步骤完成之后，需要进入该项目，输入下面的命令行进入到项目文件夹。

cd bugdr-react

然后启动项目。

npm start

• 启动项目之后通过URL地址进行访问。
• 使用开发工具打开该项目，这里可以使用vscode、WebStorm等前端开发工具都可以。
• 然后就可以关闭Windows PowerShell，在开发工具使用终端输入启动命令就可以启动创建的React项目了。项目启动后浏览器会直接打开，然后渲染页面。
• 上诉过程和Vue脚手架创建项目基本一致，这里需要有一定的命令行基础知识并且知道npm怎么使用，特别注意项目名称不能包含中文字符等。