在开始使用 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 -v npm -v
如果成功安装,会分别显示 Node.js 和 npm 的版本号。
创建 React 应用
接下来,我们可以使用 Create React App 快速创建一个新的 React 应用。首先,我们需要全局安装 Create React App:
npm install -g create-react-app
安装完成后,我们可以使用以下命令来创建一个新的 React 应用:
create-react-app my-app
上面的命令会在当前目录下创建一个名为 my-app
的新 React 应用。你也可以替换 my-app
为你喜欢的应用名称。
运行应用
创建完成后,进入应用目录并运行以下命令启动应用:
cd my-app npm start
这将启动一个本地开发服务器,并在浏览器中打开应用。你可以在代码编辑器中修改应用代码,并实时查看修改后的效果。
到此为止,我们已经成功安装了必要的依赖项,并创建了一个新的 React 应用。接下来,我们将深入了解 Create React App 的更多功能和用法。