React脚手架的安装搭建过程

前言

在开发过程中，会运用到很多js库或者封装好的框架，但是我们不可能在html文件里通过script标签一一引入。这时候我们就会用到经过webpack配置好的一套脚手架，我们只需要安装对于框架的脚手架即可。

react脚手架

1. react脚手架：用于帮助程序员快速创建一个基于react库的模板项目。
   1.1 包含了所有需要的配置（语法检测，jsx编译，devServer…）
   1.2 下载好了所有相关的依赖
   1.3 可以直接运行一个简单效果
2. react提供了一个用于创建react项目的脚手架库：create-react-app
3. 项目的整体技术架构为：react+webpack+es6+eslint
4. 使用脚手架开发项目的特点：模块化，组件化，工程化

创建项目并启动

第一步,全局安装：

npm install create-react-app -g

第二步,切换到你想创建项目的目录，使用命令：

create-react-app hello-react

其中hello-react是项目文件夹
第三步，接着进入项目文件夹

cd hello-react

第四步，启动项目：

npm start

启动完成后，浏览器出现以上画面，即为安装成功。