使用docker安装的jenkins配置部署vue项目

首先安装Publish Over SSH、nodeJSvue

image.png
image.png
首页 => Manage Jenkins => 可选插件 => 右上角搜索 => 直接安装
安装完Publish Over SSH后
image.png
进入之后,拉到底下的Publish over SSH配置服务器的信息,配置完成后点击Test Configuration测试可否正常链接,能够的话保存。注意Remote Directory须要填写/后面推送文件目录是相对于此进行推送的
image.pngnode

安装完nodejs后配置
image.pnggit

配置选择node版本
image.pngnpm

建立项目
首页 => 左上角第一个新建Item image.png
配置git地址,要https的那个地址,在这里配置的地址,会在当前工做空间中自动从配置的git地址中拉取项目
image.png
选择nodejs
image.png服务器

增长构建步骤
image.pngssh

输入,拉取完项目后执行的操做
image.png测试

echo $PATH
node -v
npm -v
npm install
rm -rf dist #删除上一次构建生成的文件夹
npm run build   #构建
cd dist
tar -zcvf dist.tar.gz * #压缩当前目录的全部文件

构建完成后的增长ssh命令
image.png
image.pngui

cd /www/wwwroot/tangjn-cn
tar -zxvf dist.tar.gz
rm -rf dist.tar.gz

我这边项目的运行地址是/www/wwwroot/tangjn-cn,上面的操做就是要将dist里的内容放到这个工做目录上,vue项目运行还需配置Nginxspa

配置完成后点击当即构建插件

相关文章
相关标签/搜索