通过目录中当前生成的命令,将安装传递依赖项并自动创建初始项目结构。 随后,您可以通过在终端中执行以下命令来删除最近创建的目录:
**cd-我的反应应用程序**
第 2 步:启动 React 应用
。当您在终端中执行以下命令时,可以启动开发 Web 服务器:
npm start,或者
纱线开始
在终端中执行命令后,它将以开发模式运行 React 应用程序。完成此步骤后,它会自动将您引导至 HTML 页面。
转到“my-app”应用程序目录并查看 HTML 页面上显示的文件夹名称“src”。您将找到一个名为“App.js”的文件。应用程序初始化后,App.js 文件默认为主页上提供的 HTML 代码。
通常,App.js 是 React 应用程序结构中最高标准的组件。您的应用程序的配置存储在同一文件夹中名为“index.js”的文件中,该文件还实现了 React-Redux 和 React-Router 等依赖项。
步骤 3:执行测试运行
创建 React 应用时,src/App.test.js 文件中默认定义了几个单元测试用例。可以通过在终端中执行“npm test”或“yarn test”命令来执行运行测试。
步骤 4:如果应用程序用于生产
如果您已经为推理构建了反应应用程序,则可以通过在终端 冰岛电报放映 中输入以下命令来执行相同的操作:
npm run build,或者
纱线建造
当你执行上述命令时,它会将生产应用程序构建到 build 文件夹中。此后,你的应用程序将准备好进行部署。
结论
创建自己的应用程序可能并不是什么难事,但最好的学习方法是先经历几次失败。软件工程师和程序员强烈建议,必须从核心开始理解 JavaScript 的概念。如果你不愿意自己做这项工作,你可以随时选择外包React.Js 开发。
每年,软件界都会涌现出许多新的 JavaScript 库和框架,数量不计其数。本文向您介绍了从头开始创建 React 应用的基本原则,但您必须始终牢记要严格遵循这些指导原则。