RuoYi-Vue3 项目使用教程

RuoYi-Vue3 项目使用教程

RuoYi-Vue3 :tada: (RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统 项目地址: https://gitcode.com/gh_mirrors/ruo/RuoYi-Vue3

1. 项目的目录结构及介绍

RuoYi-Vue3 是一个基于 SpringBoot、Spring Security、JWT、Vue3 & Vite、Element Plus 的前后端分离权限管理系统。以下是项目的目录结构及其简要介绍：

RuoYi-Vue3/
├── .github/              # GitHub 相关配置文件
├── bin/                  # 存放可执行脚本
├── html/                 # 静态 HTML 文件
├── public/               # 公共文件，如图片、样式表等
├── src/                  # 源代码目录
│   ├── vite/             # Vite 相关配置
│   │   ├── plugins/      # Vite 插件
│   ├── .env.development  # 开发环境变量配置
│   ├── .env.production   # 生产环境变量配置
│   ├── .env.staging      # 预发布环境变量配置
│   ├── .gitignore        # Git 忽略文件
│   ├── LICENSE           # 许可证文件
│   ├── README.md         # 项目说明文件
│   ├── index.html        # 入口 HTML 文件
│   ├── package.json      # 项目依赖和配置
│   ├── vite.config.js    # Vite 配置文件
├── vite.config.js        # 根 Vite 配置文件

2. 项目的启动文件介绍

项目的启动主要通过 package.json 文件中的脚本进行。

• yarn dev: 启动开发服务器。执行此命令后，项目将在本地开发环境中运行，通常监听 http://localhost:80 端口。
• yarn build:stage: 构建预发布环境。
• yarn build:prod: 构建生产环境。

3. 项目的配置文件介绍

项目中有几个重要的配置文件，以下是它们的简要说明：

• .env.development、.env.production、.env.staging: 环境变量配置文件。不同环境下的变量可以分别在这些文件中设置。
• vite.config.js: Vite 的配置文件配置。它包括插件配置、环境变量加载、构建配置等。
• package.json: 项目配置文件，包括项目名称、版本、描述、依赖项以及启动脚本等。

确保在开始开发前，正确配置这些文件以满足项目的需求。

RuoYi-Vue3 :tada: (RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统 项目地址: https://gitcode.com/gh_mirrors/ruo/RuoYi-Vue3