📌  相关文章
📜  npx create-react-app - Javascript (1)

📅  最后修改于: 2023-12-03 15:18:02.115000             🧑  作者: Mango

使用 npx create-react-app 建立 React 应用

create-react-app 是 Facebook 官方推荐的用于快速搭建 React 应用的命令行工具,它会自动创建一个基本的 React 项目结构,并集成了一些常用的工具和配置。这样,开发者可以集中精力写自己的业务逻辑,而不用关心底层的配置细节。

安装

create-react-app 已经内置在了 npm 中,不需要专门安装。只需要在命令行中输入以下命令即可使用:

npx create-react-app my-app

其中 my-app 是你想要创建的项目名称,可以自行修改。

创建自定义模板

在实际开发中,我们可能需要根据自己的需求来定制一个适合自己的 React 模板。这时可以使用 create-react-app 提供的可选参数来创建自定义模板:

npx create-react-app my-app --template [template-name]

其中 template-name 是你想要使用的模板名称,可以是官方的预设模板(如 cra-template-typescript)或者第三方开发者分享的自定义模板。

运行

成功创建项目后,切换到项目目录下,运行以下命令即可启动本地开发服务器并在浏览器中打开应用:

cd my-app
npm start
构建

完成开发后,可以将项目发布到生产环境中。可以运行以下命令将项目构建成静态文件:

npm run build
链接