create-react-app简介

create-react-app是启动React应用程序的最简单方法

create-react-app是一个旨在让您立即熟悉React的项目。它提供了一个现成的React应用程序启动器,因此您无需考虑Webpack和Babel配置就可以深入构建自己的应用程序。

它提供了开箱即用的功能:

  • 具有热重载的开发服务器
  • 用Jest提供测试环境
  • 允许构建React应用
  • 准备使用ES6 +语法
  • 捆绑您所有的JavaScript和资产
  • 带有CSS自动前缀,SASS和CSS模块支持
  • 和更多!

您首先使用npx,这是无需安装即可下载和执行Node.js命令的简便方法。npx附带npm(从5.2版开始),如果尚未安装npm,请立即从https://nodejs.org(npm与Node一起安装)。

如果不确定所使用的版本,建议您检查是否需要更新。

提示:在以下位置查看我的终端教程https://flaviocopes.com/macos-terminal/如果您不熟悉

当你跑步npx create-react-app <app-name>npx将要下载最近的create-react-app释放,运行它,然后将其从系统中删除。这很棒,因为您的系统永远不会有过时的版本,并且每次运行它时,您都可以获得最新,最出色的代码。

让我们开始:

npx create-react-app todolist

这是它完成运行的时间:

create-react-app在您告诉的文件夹中创建了文件结构(todolist在这种情况下),并初始化了一个吉特资料库。

它还在package.json文件,因此您可以通过进入文件夹并运行来立即启动应用程序npm start

此外npm startcreate-react-app添加了一些其他命令:

  • npm run build:在以下位置构建React应用程序文件build文件夹,准备部署到服务器
  • npm test:使用以下命令运行测试套件笑话
  • npm eject:从弹出create-react-app

顶出是决定create-react-app已经为您做了足够的事情,但是您想做的事情超出其允许的范围。

自从create-react-app是一组通用的分母约定和数量有限的选项,可以保证在某些时候您的需求将需要一些独特的东西,而这些东西已经超出了create-react-app

弹出时,您会失去自动更新的能力,但在巴别塔Webpack配置。

弹出时,动作是不可逆的。您将在应用程序目录中获得2个新文件夹,configscripts。这些包含您需要的所有配置,现在您可以开始对其进行编辑。

免费下载我的反应手册


更多反应教程: