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组件,并根据需要添加其他功能和依赖项。
卡兹
预估大小:619个文件
fontawesome-all.min.css
53KB
swiper.min.css
19KB
bootstrap.min.css
152KB
datatables.min.css
35KB
LineIcons.min.css
22KB
style.css
294KB
jquery-ui.css
35KB
black-style.css
296KB
classic-style.css
292KB
quill.snow.css
24KB
12.42MB
文件大小:
评论区