Create React App 的安装与配置指南

Create React App 的安装与配置指南

create-react-app Set up a modern web app by running one command. 项目地址: https://gitcode.com/gh_mirrors/cr/create-react-app

1. 项目基础介绍

Create React App 是由 Facebook 官方提供的一个开源项目，旨在让开发者能够以最快捷的方式搭建一个基于 React 的单页面应用。它提供了开箱即用的开发环境，无需配置 webpack、Babel 等工具，即可开始编码。

主要编程语言：JavaScript

2. 项目使用的关键技术和框架

• React: 用于构建用户界面的 JavaScript 库。
• Webpack: 模块打包工具，用于将应用打包成浏览器可理解的格式。
• Babel: JavaScript 编译器，用于将 ES6+ 代码转换为广泛兼容的 ES5 代码。
• ESLint: 代码质量工具，用于识别和报告代码中的模式匹配问题。
• CSS Modules: 一种将 CSS 类名局部化到组件中的技术，防止样式冲突。

3. 项目安装和配置的准备工作

在开始安装之前，请确保您的开发环境已经安装了以下软件：

• Node.js: 版本 14.0.0 或更新版本。可以使用 nvm 或 nvm-windows 来管理不同版本的 Node.js。
• npm: Node.js 的包管理器。通常随 Node.js 一起安装。

详细安装步骤

1. 创建新的 React 应用

   在命令行中运行以下命令之一来创建一个新的 React 应用。这里以 my-app 作为项目名称：

   npx create-react-app my-app
   # 或者
   npm init react-app my-app
   # 或者
   yarn create react-app my-app
   

   这条命令将会创建一个名为 my-app 的目录，并在其中安装所有必需的依赖。

2. 启动开发服务器

   切换到项目目录：

   cd my-app
   

   然后启动开发服务器：

   npm start
   # 或者
   yarn start
   

   运行上述命令后，开发服务器会启动，并且应用将在浏览器中自动打开，默认地址为 http://localhost:3000。

3. 构建生产版本

   当你准备将应用部署到生产环境时，运行以下命令来构建应用：

   npm run build
   # 或者
   yarn build
   

   构建过程会生成一个 build 文件夹，其中包含了所有生产所需的文件。

按照以上步骤，你就可以成功安装并配置 Create React App，开始开发你的 React 应用。

create-react-app Set up a modern web app by running one command. 项目地址: https://gitcode.com/gh_mirrors/cr/create-react-app