jenkins部署前端项目(vue、node)在本机

准备工作
1 - 给jenkins安装插件nodejs、Publish over ssh;在服务器上安装git。

image.png

2 - 全局工具配置


image.png

第一步 新建任务

image.png

image.png

General


image.png

源码管理
image.png

构建触发器


image.png

构建环境
image.png

构建 - 构建后操作
image.png

具体的xshell为:
cd /var/lib/jenkins/workspace/nodenode
node -v
npm -v
npm config set registry https://registry.npm.taobao.org
npm config get registry
npm install
npm run build
cd dist
rm -rf nodenode.tar.gz
tar -zcvf nodenode.tar.gz *
cd /usr/web/nodenode #进入web项目根目录
mv /var/lib/jenkins/workspace/nodenode/dist/nodenode.tar.gz  /usr/web/nodenode/ #移动刚刚打包好的项目到web项目根目录
cd /usr/web/nodenode/
tar -zxvf nodenode.tar.gz -C /usr/web/nodenode/dist/  #解压项目到dist目录
rm -rf nodenode.tar.gz    #删除压缩包

特别提醒:

在上面的xshell里,nodenode是我的任务名
image.png

所以你需要把上面xshell里对应的任务名换成你的任务名,另外别忘了手动创建相应的目录,例如上面的 /usr/web/nodenode/dist 就是我手动创建的,jenkins不会帮你创建这些文件夹。

实际效果:

image.png

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容