使用Jenkins发布Vue前端项目

使用Jenkins发布Vue前端项目

---

前言

本篇重点讲述如何打包上传项目。安装jenkins也简单本篇不在赘述。

一、源码管理

选择Git/Svn 在Url输入你的路径，没有配置账号密码就点击添加。可以把你的用到的密码都添加一遍到时候选择就好了。比如：git密码、svn密码、服务器的密码。

二、构建环境

1.配置上传服务器的信息

记得下载ssh publish plgins 在构建环境勾选Send files or execute commands over SSH after the build runs，选择你需要上传的服务器。

• Source files 里面写你的项目名下的文件。假如你要上传dist这个文件夹下的压缩包 D:\soft\docker\jenkins_home\workspace\test-vue\dist\mydist.tar.gz 你就直接写dist/mydist.tar.gz就好了
• Remove prefix 移除前缀dist
• Remote directory 我这里写的./是因为在ssh publish里已经配置了远程文件夹。比如你要把mydist.tar.gz上传到 /usr/local/nginx/html下你就在ssh publish里面的Remote directory 写 /usr/local/nginx/html 然后Transfers下的Remote directory 写./就会上传到 /usr/local/nginx/html
• Exec command 上传完文件后执行的命令

2.配置node环境

先在全局工具配置找到nodejs 选择自己对应的版本然后保存。然后在构建环境中选择自己刚才配置好的node版本

三、构建

在这里就可以执行npm操作，当前位置在你的项目下。比如你的项目叫test-vue D:\soft\docker\jenkins_home\workspace\test-vue. 你就直接可以cd dist 然后进行打包操作了

四、立即构建

点击立即构建。如果工作区没有内容的话，它会先把项目下载下来然后会执行你的npm操作，等打完包就会上传文件。可以点击日志进行查看。