大家好，我是谦谦君子_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环境中继续启动待调试的后端程序，调试位置打上断点。然后，前端直接打开浏览器，就可以看到新增的按钮了，通过新增控件的触发，即可进入到后端代码调试状态。开发继续吧。
