创建React项目

最新推荐文章于 2024-12-21 19:02:05 发布

SmileBu丿㦌

最新推荐文章于 2024-12-21 19:02:05 发布

阅读量388

点赞数 2

CC 4.0 BY-SA版权

分类专栏： React项目开发记录文章标签： react

创建一个React项目可以按照以下详细步骤进行操作，这里以使用官方推荐的create-react-app脚手架为例，并假设您已经安装了最新版本的Node.js（至少14.x以上版本）和npm。

步骤1：全局安装create-react-app

首先确保您的npm源为稳定可靠的镜像，对于国内用户推荐使用淘宝npm镜像以提高下载速度：

‍

npm config set registry https://registry.npm.taobao.org

然后安装create-react-app工具：

npm install -g create-react-app
# 或者如果您之前已安装cnpm，则可以使用：
#cnpm install -g create-react-app

步骤2：创建新React项目

运行以下命令来创建一个新的React项目，比如项目名为my-app：

npx create-react-app my-app
# 或在旧版本的create-react-app中可能需要直接用全局安装的命令：
# create-react-app my-app

这个命令会自动执行一系列操作，包括创建项目目录结构、安装依赖包等。

步骤3：进入项目目录并启动开发服务器

当项目创建完成后，进入到项目文件夹：

cd my-app

接着启动开发服务器：

npm start

这将会启动一个本地开发服务器，并自动打开浏览器显示你的React应用。现在你就可以开始编写React组件并在热重载功能的支持下实时查看效果了。

请注意，如果是在撰写此答案时（即2024年），React的新版本可能会有新的创建和开发流程，建议查阅最新的官方文档以获取最准确的操作指南。

200万优质内容无限畅学