准备工作:安装nodejs,gitlab,git,Publish over SSH等插件,我使用的代码仓库gitlab
已经完成在3.1-2章节的系统管理配置
1:创建项目

输入项目名称:风格的选择只是构建的自由度不一样,结果一致,我们选择自由即可
2:构建项目触发器
也就是什么情况会触发自动化部署

若需要gitLab项目有变动自动执行jenkins部署则进行该项配置,若不需要则跳过下面步骤;
选择构建触发器,选择Build when a change is pushed to GitLab;点击高级后allowed branches选择Allow all branches to trigger this job,点击下方secret token后方generate按钮,生成一串id

复制该id,然后到gitLb,用拥有该项目设置权限用户登录,选择设置settings----》webhooks,在URL中输入下图红框中的路径,

secret token中输入上面复制的生成的id,trigger中选择push events,记得取消选择enable ssl verification,然后点击add webhook;
若出现错误提示url is blocked Requests to the local network are not allowed;即表示该gitlab无法向本地进行传输,需要用gitlab管理员用户配置权限,在用户设置admin中-outbound requests中选中allow requests to the local network from hooks and services
修改完成后重新添加webhook,直到下方出现
3:git仓库连接配置
配置git代码的clone连接,登录git的用户名密码,配置错会如下报红

4:此时我们应用保存看一下效果。
选择build now开始从git拉取项目到本地的jenkins工作目录,会创建workspace目录,等到构建完成选择下方的
构建历史—》选择刚才的序号(绿色成功,红色失败)–》

可以查看运行日志—》控制台输出—》可以看到我们的目录等详细信息

此时只能验证项目从git拉到本地目录没有问题,继续后面的打包
5:设置构建步骤
也就是通过哪些流程完成我们的打包编译后的上传/复制等流程,依次选择我们执行的命令
我们vue项目构建环境步骤选择:Provide Node & npm bin/ folder to PAT。
添加编译步骤