Vue3+Springboot 打包成一个 exe 的简单指南！

将 Vue3 和 Springboot 项目打包成一个 EXE 文件：分步指南

在现代软件开发中，将应用程序打包成一个独立的可执行文件是十分常见的。本文将指导您完成将 Vue3 和 Springboot 项目打包成一个 EXE 文件的过程，以便轻松部署和分发您的应用程序。

启用 .NET Framework 3.5.1

要运行基于 .NET 的应用程序，您需要确保您的计算机上已启用 .NET Framework 3.5.1：

1. 打开控制面板。
2. 导航到“程序和功能”。
3. 点击“打开或关闭 Windows 功能”。
4. 选中 “.NET Framework 3.5 (includes .NET 2.0 and 3.0)”复选框。
5. 点击“确定”。

安装 JRE

您的 Springboot 项目需要 Java 才能运行，因此需要安装 JRE：

1. 下载适用于 Windows 的 JRE。
2. 运行 JRE 安装程序。
3. 选择默认安装选项。

配置 Springboot 项目

1. 在 Springboot 项目的 pom.xml 文件中添加 Maven 插件：

<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-maven-plugin</artifactId>
  <version>2.6.3</version>
</dependency>

2. 在 application.properties 文件中配置：

spring.main.web-application-type=none

构建 Springboot 项目

1. 打开命令提示符或终端。
2. 导航到 Springboot 项目的根目录。
3. 运行命令：

mvn clean package

创建 Vue3 项目

1. 使用 Vue CLI 创建一个新的 Vue3 项目。
2. 安装所需的依赖项。
3. 开发您的 Vue3 应用。

构建 Vue3 项目

1. 打开命令提示符或终端。
2. 导航到 Vue3 项目的根目录。
3. 运行命令：

npm run build

打包应用程序

1. 下载并安装 Inno Setup。
2. 创建一个新的 Inno Setup 项目。
3. 在“应用程序”部分，选择 Springboot 项目的 JAR 文件。
4. 在“文件”部分，添加 Vue3 项目构建文件夹中的所有文件。
5. 在“快捷方式”部分，创建桌面快捷方式。
6. 在“编译”部分，选择一个输出文件夹。
7. 点击“编译”按钮。

运行应用程序

1. 导航到输出文件夹。
2. 双击应用程序的 EXE 文件。
3. 应用程序将启动。

常见问题解答

1. 为什么需要将 .NET Framework 3.5.1 启用？

.NET Framework 3.5.1 是运行基于 .NET 的应用程序所必需的。

2. Springboot 项目的 application.properties 文件有什么作用？

它配置了 Springboot 项目的 web 应用程序类型，使其不打包为 WAR 文件。

3. Vue3 项目的 npm run build 命令有什么作用？

它编译和构建 Vue3 项目的静态资产。

4. Inno Setup 是什么？

它是一个 Windows 可执行文件编译器，用于创建独立的可执行文件。

5. 如何创建应用程序的桌面快捷方式？

在 Inno Setup 的“快捷方式”部分，指定应用程序的文件路径、快捷方式名称和安装位置。