本文已参与「新人创作礼」活动，一起开启掘金创作之路。
最开始部门的前端部署流程是，由前端本地打包dict压缩文件给测试，然后由测试上传到服务器对应的Nginx目录下，每次这样操作比较麻烦，为了与人方便且与己方便，决定还是使用Jenkins来解决这个麻烦事，顺便也可以摸鱼😎
1.在打包前端的时候我们需要知道vue打包使用的是nodejs的npm命令，因此我们需要先安装NodeJs插件
在系统管理-》插件管理-》可选插件搜索nodejs，找到下面的插件点击安装
2.配置全局工具
安装NodeJs插件后，我们在全局工具配置使用的nodejs版本，如果Jenkins所在服务器可以联外网，我们可以直接选择对应的版本然后点击自动安装
也可以不勾选自动安装，自己在Jenkins所在服务器安装nodejs，然后填写绝对路径
3.配置部署服务器信息
系统管理-》系统设置，添加要部署服务器信息
上述配置完成后我们开始创建项目
4.点击新建任务创建一个
5.填写gitlab地址和用户密码
6、勾选Provide Node & npm bin/ folder to PATH
在NodeJS Installation可以选择我们配置的nodejs的版本
7.构建
在构建的时候添加构建步骤，选择Execute shell，输入构建命令
npm i
npm run build
由于Vue项目一般打包完是一个文件夹我们在往服务器传输的时候不大方便，所以我们在打包完成后，将文件夹压缩后上传
8.构建后操作
在构建后操作我们选择Send build artifacts over SSH,然后选择对应的服务器，由于我们上传的是压缩包，所以我们上传后需要在命令框里面进行解压，多的那2个rm -rf 命令是为了防止前端里面有一些js文件名不一致导致多次替换后文件夹越来越大
