React项目启动指南

使用Create React App快速启动项目

项目初始化

使用Create React App创建项目后,您将获得一个包含基础结构的项目目录。

可用脚本

以下是项目目录中可用的脚本及其功能:

  • yarn start:在开发模式下运行应用程序。启动后,浏览器将自动打开应用程序,并在代码更改时自动刷新页面。此外,控制台会显示任何代码中的错误或警告。
  • yarn test:以交互模式启动测试运行器。您可以参考项目文档中的相关部分了解更多信息。
  • yarn build:将应用程序构建到build文件夹,为生产环境做好准备。构建过程会优化React代码,并最小化文件以提高性能。构建完成后,您的应用程序就可以部署了!更多信息请参阅项目文档。
  • yarn eject请注意,这是一个不可逆的操作! 执行此命令后,您将无法返回到之前由Create React App管理的项目状态。如果您对构建工具和配置选项不满意,可以选择执行此操作。它会将所有配置文件和依赖项从项目中移除,让您可以完全掌控项目的配置。

项目结构

Create React App 创建的项目包含以下重要文件和文件夹:

  • public/:包含应用程序的静态文件,例如HTML文件、图标等。
  • src/:包含应用程序的源代码,例如React组件、样式表等。
  • package.json:定义项目的依赖项和脚本。

后续步骤

启动项目后,您可以在src文件夹中开始编写React组件,并根据需要添加其他功能和依赖项。

folder
卡兹 预估大小:619个文件
file
fontawesome-all.min.css 53KB
file
swiper.min.css 19KB
file
bootstrap.min.css 152KB
file
datatables.min.css 35KB
file
LineIcons.min.css 22KB
file
style.css 294KB
file
jquery-ui.css 35KB
file
black-style.css 296KB
file
classic-style.css 292KB
file
quill.snow.css 24KB
file
font-awesome.min.css 52KB
file
dark-style.css 296KB
file
ionicons.min.css 50KB
file
responsive.css 17KB
file
bundle.css 28KB
file
bootstrap.min.css 124KB
file
animate.css 71KB
file
style.css 95KB
file
font-awesome.min.css 30KB
file
_redirects 19B
zip 文件大小:12.42MB