Create React App 中文文档
React 是一个用于构建用户界面的 JavaScript 库。Create React App 是一款由 Facebook 团队开发的用于快速搭建 React 应用的工具。本文档将介绍如何使用 Create React App 来构建一个基本的 React 应用。
安装 Create React App
要安装 Create React App,首先需要确保你的计算机上已经安装了 Node.js 和 npm。然后打开命令行工具,运行以下命令来安装 Create React App:
npm install -g create-react-app
安装完成后,你就可以使用 create-react-app
命令来创建新的 React 应用了。
创建新的 React 应用
要创建一个新的 React 应用,只需在命令行中运行以下命令:
create-react-app my-app
这将在当前目录下创建一个名为 my-app
的新目录,并在其中生成一个基本的 React 应用的文件结构。
运行 React 应用
进入到你创建的新应用目录中,运行以下命令来启动 React 应用:
cd my-app npm start
这将启动一个开发服务器,并在浏览器中打开你的 React 应用。你可以在代码中进行修改,保存后浏览器会自动刷新以显示最新的更改。
添加图片
要在 React 应用中添加图片,只需将图片文件放在 public
目录下,然后在代码中使用 img
标签来引用图片:
<img src={process.env.PUBLIC_URL + '/logo.png'} alt="Logo" />
添加字体和文件
要在 React 应用中添加字体和其他文件,也可以将它们放在 public
目录下,并在代码中引用:
<link rel="stylesheet" href={process.env.PUBLIC_URL + '/font.css'} />
这样就可以在 React 应用中引用字体样式表了。
以上就是使用 Create React App 创建和运行 React 应用的基本步骤。希望这部分内容对你有所帮助!