vue 前端怎么用jenkins 推送镜像 jenkins部署vue应用

目录

一、下载

二、安装

三、配置

四、部署vue项目

---

操作环境：

jdk maven git

一、下载

• 官网下载安装包 https://jenkins.io/ 

•  点击 download 下载windowns版本

二、安装

• 下载之后双击安装包，一路next，安装完之后会弹出地址为localhost：8080的网页，需要填写密码，按照提示找到密码所在文件复制粘贴即可
• 安装插件
  根据自身需要下载插件，在这里可以选择“安装推荐的插件” 

 安装的过程中可能会出现安装失败的情况，没关系，后续还有其他解决办法

• 插件安装之后会弹出一个创建管理员的界面，按要求填写就ok

• 进入主界面 

三、配置

• 配置maven （如果是maven项目则需要配置，不是的话就不需要）

• 配置jdk 点击“新增jdk”，取消勾选“install automatically”，手动填写别名（随便填），JAVA_HOME：复制jdk的安装路径 

• 配置Git Name随便填，path to git executable填写git的安装路径 

配置完成后点击保存

如果配置环境过程中，在全局配置界面没有看到相应的配置信息，则去Manage Pligins下载，选择“可选插件”搜索下载，出现success就是下载成功 

四、部署vue项目

• 点击主界面的“新建Item”，输入任务名称，比如我新建一个任务名为：addvue，选择“Freestyle project”，确定即可。

• 项目新建成功后，进入配置界面。在general处填写项目简介，也可以选择不填。填写简介的目的是方便以后构建，在日常工作中，一般都会有多个项目，项目简介可以帮助我们快速回想起这是哪一个项目。

• 在“源码管理”界面选择“Git”，如果没有这个选项就去插件管理中心下载。（不一定都是用git，要看你的代码托管在哪，有人是本地，有人是svn，视实际情况而定。）

• 点击“构建触发器”

• 点击“构建环境”

• 点击“构建”

• 点击保存，返回项目界面，点击“build now”就开始构建。

• 点击工作区，将“dist”文件夹放置在指定的服务器上就可以运行啦
• 项目配置一次后就不需要再配置了，有代码更新时，点击“build now”即可。