详解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 json 新手入门文档
Dec 03 Javascript
json对象转字符串如何实现
Dec 02 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
JavaScript函数作用域链分析
Feb 13 Javascript
jQuery mobile 移动web(4)
Dec 20 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
Jan 27 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
May 27 Javascript
JS简单测试循环运行时间的方法
Sep 04 Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 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实时显示输出
2008/10/02 PHP
基于PHP对XML的操作详解
2013/06/07 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
JS实现图片居中悬浮效果
2017/12/25 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
node+vue实现文件上传功能
2020/05/28 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
python模块之StringIO使用示例
2015/04/08 Python
在NumPy中创建空数组/矩阵的方法
2018/06/15 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
详解Python图像处理库Pillow常用使用方法
2019/09/02 Python
python 实现矩阵填充0的例子
2019/11/29 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
英国女性时尚品牌:Apricot
2018/12/04 全球购物
计算机专业自我鉴定
2013/10/15 职场文书
大学生创业计划书的格式要求
2013/12/29 职场文书
大学生通用个人的自我评价
2014/02/10 职场文书
放飞中国梦演讲稿
2014/04/23 职场文书
企业安全生产标语
2014/06/06 职场文书
2014党委书记四风问题对照检查材料思想汇报
2014/09/22 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
买卖合同纠纷代理词
2015/05/25 职场文书
胡桃夹子观后感
2015/06/11 职场文书
校长新学期寄语2016
2015/12/04 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS