第27周JavaSpringboot 前后端联调

电商前后端联调课程笔记

一、项目启动与环境搭建

1.1 项目启动

在学习电商项目的前后端联调之前，需要先掌握如何启动项目。项目启动是整个开发流程的基础，只有成功启动项目，才能进行后续的开发与调试工作。

1.1.1 环境安装

环境安装是项目启动的前提条件，主要包括安装 Node.js 和 Yarn 两个重要的工具。Node.js 是一个 JavaScript 运行时环境，用于服务器端的 JavaScript 代码执行；Yarn 则是一个快速、可靠、安全的依赖管理工具，能够帮助开发者方便地安装、管理和更新项目所需的各类依赖包。

• Node.js 安装：推荐安装长期支持版（LTS），版本需与课程保持一致，以避免出现兼容性问题。安装过程中，要注意选择正确的操作系统版本，并按照安装向导逐步完成安装。Node.js 的安装较为简单，通常只需下载安装包并运行即可。

• Yarn 安装：Yarn 的安装同样需要根据操作系统选择合适的安装方式。对于 Mac OS 系统，可以使用 Homebrew 进行安装；对于 Windows 系统，可以从官网下载安装包并运行安装向导。安装完成后，可以通过在命令行输入 yarn --version 来验证 Yarn 是否安装成功。

1.1.2 项目启动流程

安装完环境后，接下来就可以启动项目。首先，需要在项目的根目录下运行 yarn install 命令来安装项目所需的依赖包。这一步骤会根据项目配置的 package.json 文件，自动下载并安装所列出的所有依赖。安装完成后，运行 yarn serve 命令即可启动项目。项目启动后，会在控制台输出本地和网络访问地址，通过浏览器访问这些地址，就可以查看项目的运行效果，确保项目能够正常启动和访问。

1.2 项目目录介绍

了解项目的目录结构对于开发和维护项目至关重要。一个清晰、合理的目录结构能够帮助开发者快速定位文件、理解项目架构，并提高开发效率。

• dist 文件夹：该文件夹是项目部署上线后生成的，包含经过压缩和优化的 CSS、图片、JS 文件等静态资源，用于服务器的部署和发布。这些文件是项目在生产环境中实际运行所使用的，经过了打包和优化，以提高加载速度和性能。

• node_modules 文件夹：存放项目所依赖的第三方模块和包，这些依赖通过 Yarn 安装。在开发过程中，这些模块为项目提供了