Create React App 添加图片,字体和文件

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

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:

--- ------- -- ----------------

安装完成后,你就可以使用 create-react-app 命令来创建新的 React 应用了。

创建新的 React 应用

要创建一个新的 React 应用,只需在命令行中运行以下命令:

---------------- ------

这将在当前目录下创建一个名为 my-app 的新目录,并在其中生成一个基本的 React 应用的文件结构。

运行 React 应用

进入到你创建的新应用目录中,运行以下命令来启动 React 应用:

-- ------
--- -----

这将启动一个开发服务器,并在浏览器中打开你的 React 应用。你可以在代码中进行修改,保存后浏览器会自动刷新以显示最新的更改。

添加图片

要在 React 应用中添加图片,只需将图片文件放在 public 目录下,然后在代码中使用 img 标签来引用图片:

---- --------------------------- - ------------ ---------- --

添加字体和文件

要在 React 应用中添加字体和其他文件,也可以将它们放在 public 目录下,并在代码中引用:

----- ---------------- ---------------------------- - ------------ --

这样就可以在 React 应用中引用字体样式表了。

以上就是使用 Create React App 创建和运行 React 应用的基本步骤。希望这部分内容对你有所帮助!


上一篇:PostCSS(后处理 CSS)
下一篇:使用 public 文件夹