18、构建应用程序的前端

构建应用程序的前端

1. 概述

在开发应用程序时，我们要构建一个前端界面，该应用简单且功能丰富，能让我们看到整个技术栈各部分协同工作。具体来说，要开发一个展示二手车售卖信息的网站，只有登录用户才能发布新车广告。接下来，我们会学习搭建 React Vite 应用、安装并配置 React Router，以及了解各种加载内容的方式。

2. 技术要求

在开始之前，需要满足以下技术要求：
- Node 版本 18.14
- 一个优秀的代码编辑器，如 Visual Studio Code
- Node 包管理器

3. 创建 Vite React 应用

可以使用 Node 包管理器的 create vite 命令，通过以下步骤创建项目：
1. 在包含之前创建的后端文件夹的项目目录中打开终端客户端，并执行以下命令创建 Vite React 项目：

npm create vite@latest frontend-app -- --template react

2. 切换到新创建的 frontend-app 文件夹，并安装依赖项和 Tailwind：

npm install -D tailwindcss postcss autoprefixer

3. 初始化