CRA- react官方的脚手架工具

create-react-app.dev/

通常我们使用 CRA来创建React的项目，它的核心就是帮我们准备了一套以webpack为主要打包工具的一个初始化的项目，以便于我们进行开发。

相对于 Vue-cli React的CRA虽然也是官方出品，但是它秉承的是 按需加载，一个工具只做一个事情，打包和调试，所以如果你习惯了在vue-cli当中快捷的选择 css预处理器 路由 状态管理等等，那么CRA就显得很单薄，它只能创建项目，其他的插件的引入都单独的配置安装。

使用CRA创建项目（ 最低的node版本一定是14.0+)

npx create-react-app 项目名称

创建好项目之后

第一进来的时候可以按照提示 使用 npm start 来运行项目

目录结构

 对于CRA创建的项目而言 主要两个文件是必须的

public/index.html html的入口文件

src/index.js js入口文件 

项目的逻辑也会特别的简单 就是在js入口文件当中 确定一个挂载节点然后挂载一个根组件