Java小白如何发布前端程序，快速进入后端调试？

       大家好，我是谦谦君子_JR.。简介：一直做C++和Qt相关的开发，今年因项目需要，转战Java项目的开发。因是个Java小白，一直边学习边开发，努力ing。

目录

1、前端vue代码打包

2、maven打包

3、清除浏览器缓存数据

4、验证

        这两天的开发过程中遇到一个问题：目前主要是承担Java后端功能的实现，前端不甚了解。为了快速调试Java程序时，模仿前端的其他代码新增了一些按钮后，发现前端代码需要在IDEA环境中启动才显示新增的按钮，这样既启动前端代码又启动后端代码，影响调试效率，因此想发布前端程序，直接运行前端。通过测试发布流程，将正确的发布流程记录下来，与您共享。具体步骤如下：

        前端代码修改后，构建完成后发布，发布流程：

1、前端vue代码打包

在前端代码的目录中进行打包。

首先，打开cmd命令窗口（win+R），cd到前端代码的目录：\web_src

其次，执行命令npm run build。如下图所示。

打包完成，如下图所示。

2、maven打包

打包项目, 生成可执行程序jar包。

两种方式，具体如下：

方式1：IDEA环境中，选择右侧的Maven-生命周期---package，双击进行maven打包。

方式2，执行命令，生成可执行jar

首先，打开cmd命令窗口（win+R），cd到前后端代码的根目录：

其次，执行命令mvn package。  

打包完成后在target目录下出现jar包。

3、清除浏览器缓存数据

      以谷歌浏览器为例，打开浏览器，鼠标左键单击右上角的三个点的图标，选择历史记录--历史记录，如下图所示。

选择“清除浏览数据”。

点击清除数据即可清除缓存数据。

4、验证

       在IDEA环境中继续启动待调试的后端程序，调试位置打上断点。然后，前端直接打开浏览器，就可以看到新增的按钮了，通过新增控件的触发，即可进入到后端代码调试状态。开发继续吧。