Create React App 安装依赖项

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

在开始使用 Create React App 之前,我们需要先安装一些必要的依赖项。Create React App 是一个基于 Node.js 的工具,因此我们需要确保已经安装了 Node.js 和 npm。

安装 Node.js 和 npm

首先,我们需要安装 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,用于开发服务器端和网络应用。npm 是 Node.js 的包管理工具,用于安装、升级和删除 Node.js 包。

你可以在 Node.js 官网 下载适用于你操作系统的 Node.js 安装包,并按照官方指导进行安装。安装完成后,你可以在命令行中使用以下命令检查 Node.js 和 npm 是否已成功安装:

---- --
--- --

如果成功安装,会分别显示 Node.js 和 npm 的版本号。

创建 React 应用

接下来,我们可以使用 Create React App 快速创建一个新的 React 应用。首先,我们需要全局安装 Create React App:

--- ------- -- ----------------

安装完成后,我们可以使用以下命令来创建一个新的 React 应用:

---------------- ------

上面的命令会在当前目录下创建一个名为 my-app 的新 React 应用。你也可以替换 my-app 为你喜欢的应用名称。

运行应用

创建完成后,进入应用目录并运行以下命令启动应用:

-- ------
--- -----

这将启动一个本地开发服务器,并在浏览器中打开应用。你可以在代码编辑器中修改应用代码,并实时查看修改后的效果。

到此为止,我们已经成功安装了必要的依赖项,并创建了一个新的 React 应用。接下来,我们将深入了解 Create React App 的更多功能和用法。


上一篇:代码拆分(Code Splitting)
下一篇:导入组件