详解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 的Document属性和方法集合
Jan 25 Javascript
javascript getElementsByClassName函数
Apr 01 Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
实例讲解Vue.js中router传参
Apr 22 Javascript
JS div匀速移动动画与变速移动动画代码实例
Mar 26 Javascript
vue自定义正在加载动画的例子
Nov 14 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 Javascript
手动实现vue2.0的双向数据绑定原理详解
Feb 06 Vue.js
基于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之第八天
2006/10/09 PHP
用PHP和ACCESS写聊天室(八)
2006/10/09 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
javascript,jquery闭包概念分析
2010/06/19 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
不同的jQuery API来处理不同的浏览器事件
2012/12/09 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
使用ajaxfileupload.js实现上传文件功能
2016/08/13 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
jQuery DOM节点的遍历方法小结
2017/08/15 jQuery
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
2021/01/29 Javascript
python 测试实现方法
2008/12/24 Python
python UNIX_TIMESTAMP时间处理方法分析
2016/04/18 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
python实现音乐下载的统计
2018/06/20 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
Python Django框架模板渲染功能示例
2019/11/08 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
大学自我鉴定范文
2013/12/26 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
七年级语文教学反思
2016/03/03 职场文书