第一步、部署环境
1、安装nodeJs
1、下载nodewget https://nodejs.org/dist/v16.8.0/node-v16.8.0-linux-x64.tar.xz2、解压压缩包xz -d node-v8.11.2-linux-x64.tar.xztar -xvf node-v8.11.2-linux-x64.tar3、将解压后的文件 重名为node 并移动到到 /usr/local 目录下 mv node-v10.14.1-linux-x64 noderm node /usr/local4、设置软链接ln -s /usr/local/node/bin/node /usr/local/bin/nodeln -s /usr/local/node/bin/npm /usr/local/bin/npm5、验证命令是否生效node -vnpm -v6、安装yarnnpm i -g yarn7、设置软连接ln -s /usr/local/node/bin/yarn /usr/local/bin/yarn8、验证yarnyarn -vyarn install9、添加环境变量vi /etc/profileexport NODE_HOME=/usr/local/nodeexport PATH=$NODE_HOME/bin:$PATH10、刷新配置source /etc/profile11、如果需要卸载nodeJs、npm重装的可以使用如下命令yum remove nodejs npm -y 在服务器上把node，npm，yarn 的环境变量设置好之后，就不需要再在Jenkins里面安装NodeJs插件，后面直接使用命令在shell脚本里面执行就OK了！
2、安装Nginx
1、安装nginx（由于我安装了epel-release，可以通过yum直接安装）yum -y install nginx2、配置nginx 资源目录和端口
文章插图
第二步、安装Gitee插件，设置Gitee链接
1、安装Gitee插件
文章插图
文章插图
2、关联码云Gitee账号，设置Gitee链接
文章插图
文章插图
文章插图
【如何在Jenkins上自动化部署Vue，手把手教你】
文章插图
第三步、直接在Jenkins创建项目
文章插图
第四步、设置项目配置
1、设置基础信息
文章插图
2、源码管理
文章插图
文章插图
3、构建触发器
文章插图
文章插图
4、设置构建环境
文章插图
5、设置构建
文章插图
第五步、到码云的gitee库中，找到vue项目->选择管理->webhook->添加Wekhook
文章插图
文章插图
文章插图
第六步、手动触发构建
文章插图
文章插图
第七步、去浏览器访问vue项目
文章插图
访问成功
关于Jenkins上自动化部署Vue，就完成了！
推荐阅读
- “MacBook”日常使用小技巧分享
- 教你如何用U盘启动盘装系统
- 怎么查看电脑使用次数与时间
- 三无保健食品如何处罚?卖三无保健品怎么处罚
- 《如何激发孩子的想象力和创造力》?如何激发孩子的想象力和创造力美篇
- 硅胶隆鼻假体取出
- 大花飞燕草如何度夏,飞燕草和大花飞燕草区别
- qq营销推广方法和手段?如何用qq做推广营销
- 如何成为一名成功的广告人
- 如何鉴别牡丹花茶的功效