React - 工程化基本环境安装 - 实践

1.应用场景

主要用于快速开启工程化react项目开发.

2.学习/操作

1.介绍

TBD

 

2.步骤

create-react-app 工具

https://github.com/facebook/create-react-app

http://huziketang.mangojuice.top/books/react/lesson5

Note:

React.js 官网所推荐使用的工具 create-react-app 工具

它可以帮助我们一键生成所需要的工程目录,并帮我们做好各种配置和依赖,也帮我们隐藏了这些配置的细节。也就是所谓的“开箱即用”

 

全局安装create-react-app 工具

React - 工程化基本环境安装 - 实践

React - 工程化基本环境安装 - 实践

 

React - 工程化基本环境安装 - 实践

由上可知,安装成功.

 

启动项目

React - 工程化基本环境安装 - 实践

然后编辑

src/index.js 可以看到动态更新,即热更新 hotUpdate

 

修改省略..., 效果如下

React - 工程化基本环境安装 - 实践

 

Note:

但是有时候会点问题,即热更新不是一直都是那么稳定. 发现这种情况, 刷新浏览器即可.

 

 

 

后续补充

...

3.问题/补充

TBD

4.参考

http://huziketang.mangojuice.top/books/react/lesson5  //React.js 基本环境安装

https://github.com/facebook/create-react-app   //源代码

后续补充

...