Jenkins部署Vue项目指南

一、从Jenkins部署Vue项目到远程服务器

使用Jenkins进行Vue项目的持续集成和部署，可以大大减少手动操作的复杂度和出错概率，同时提高开发效率。在将Vue项目部署到远程服务器上时需要注意以下几点：

1、确保你已经为远程服务器配置好了SSH免密码登陆，可以通过命令行ssh user@remoteHost进行免密码登陆操作。

2、在Jenkins的构建配置中增加一个”Send files or execute commands over SSH”构建步骤，并在其中添加需要传输的文件和执行的命令

Optional advanced command-line options: -i /path/to/private/key -o ConnectTimeout=10
Source files/path: dist/    Transfer Set Executable: No 
Remove prefix: dist/   Remote directory: /opt/vue-project-name/
Exec command: pm2 reload vue-project-name
Exec timeout: 60000   Server alive: ticked

其中，-i /path/to/private/key表示SSH的私钥路径，dist/表示待传输的文件或目录名，/opt/vue-project-name/表示远程服务器上存放文件的路径，pm2 reload vue-project-name表示执行的命令，可替换成其他你需要执行的命令。

3、构建完成后，Jenkins会通过SSH将待部署的文件传输到远程服务器，执行相应的命令进行部署。可以通过Jenkins的构建控制台查看执行情况，也可以通过SSH在远程服务器上查看部署结果。

二、Jenkins部署Vue项目

通过Jenkins进行Vue项目的部署，可以避免手动操作的出错概率和复杂度，方便快捷地完成项目的部署工作。可按照以下步骤进行操作：

1、在Jenkins中创建一个新项目，选择自由风格的软件项目

2、配置Git的源码管理，填写项目的仓库地址、分支、凭证等信息

3、添加构建步骤，在此处可以选择为项目安装依赖、构建打包等步骤

4、在构建后步骤中，选择”Send files or execute commands over SSH”构建步骤，填写远程服务器的相关信息

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiEAAAGzCAMAAAD4cikJAAAAclBMVEUAAADg1ADg0wDg1wDg0wDg0QDg0wDg0wDg0wDg0QDg0wDg0QDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg0wDg0wDg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADg1ADiEWLpAAAAJXRSTlMAA4ETDg2HEBxpjZL1tYKqtWqw08e7rs2DWmma95cKM+tb60uhaCzBpT09/u6fu7mtElW3lqb4sre6AMx4bYRBTWtBqGQ5J4y9IGFy4pMLqUJccNVSm8nvih8N9F4scziENJJOvGeL2tguqK5XWH1FdAfdCpIAeuAAAApElEQVR4nO3VwRGAIBgFgSb3f/fdf6xCFijSd5qe/XzozVt66p3VlVdmkA1E+jdJrqkaqUqQHk6Gb8amzUlr3kjMd8PLll7tVNBsJq7HdkGZTXmhGQVGVJh3NhyiS7cyn2deYtrLpZGPRNGIcc