详解jenkins自动化部署vue


Posted in Javascript onMay 14, 2019

一、nodejs配置

首先加入nodejs插件
详解jenkins自动化部署vue?>详解jenkins自动化部署vue?>

详解jenkins自动化部署vue 

在配置里面配置这个插件
详解jenkins自动化部署vue?>

详解jenkins自动化部署vue
这样我们就能在自动构建发布的配置里看到nodejs的编译选项了
详解jenkins自动化部署vue

二、发布配置

首先新建一个自由风格的项目

详解jenkins自动化部署vue

然后配置构建保留天数和参数化构建
这里选择在svn上的资源,配置好访问的用户信息

详解jenkins自动化部署vue 

这样我们在构建的时候能看到项目的不同版本

详解jenkins自动化部署vue

接下来选择构建的数据源位置

详解jenkins自动化部署vue

详解jenkins自动化部署vue

echo $PATH
node -v
npm -v
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install
npm run build
cd dist
rm -rf vue-mall.tar.gz
tar -zcvf vue-mall.tar.gz *
cd ../

详解jenkins自动化部署vue

cd /usr/local/nginx/html
rm -rf mall
mkdir mall
tar -zxvf vue-mall.tar.gz -C mall/
rm -rf vue-mall.tar.gz

ssh server的配置如下

详解jenkins自动化部署vue?>

详解jenkins自动化部署vue

三、遇到的问题

①npm代理问题
在jenkins的服务器上设置npm config

#可以访问外网的代理ip地址和端口
npm config proxy=http://ip:port
npm config https-proxy=http://ip:port
#镜像选择淘宝的镜像
npm config set registry=http://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)

②chromedriver@2.37.0 install: `node install.js
详解jenkins自动化部署vue

这里我们在上面的构建中已经有体现,加上如下命令

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

以上所述是小编给大家介绍的jenkins自动化部署vue详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript中encodeURI和decodeURI方法使用介绍
May 06 Javascript
JSP跨iframe如何传递参数实现代码
Sep 21 Javascript
jquery中event对象属性与方法小结
Dec 18 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
Dec 24 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
javascript实现计算器功能
Mar 30 Javascript
基于JS实现前端压缩上传图片的实例代码
May 14 #Javascript
JavaScript如何实现元素全排列实例代码
May 14 #Javascript
微信小程序实现多选框全选与取消全选功能示例
May 14 #Javascript
js中arguments对象的深入理解
May 14 #Javascript
ios中视频的最后一桢问题解决
May 14 #Javascript
详解可以用在VS Code中的正则表达式小技巧
May 14 #Javascript
vue项目中引入vue-datepicker插件的详解
May 14 #Javascript
You might like
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
php获取文件名后缀常用方法小结
2015/02/24 PHP
php简单实现多维数组排序的方法
2016/09/30 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
基于bootstrap3和jquery的分页插件
2015/07/31 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
python http接口自动化脚本详解
2018/01/02 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
管理失职检讨书
2015/05/05 职场文书
奖励申请报告范文
2015/05/15 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
励志正能量20句:送给所有为梦想拼搏的人
2019/11/11 职场文书
python 用递归实现通用爬虫解析器
2021/04/16 Python
JavaScript 反射学习技巧
2021/10/16 Javascript
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python