欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解jenkins自動(dòng)化部署vue

 更新時(shí)間:2019年05月14日 10:52:57   作者:jonsonler  
這篇文章主要介紹了jenkins自動(dòng)化部署vue,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

一、nodejs配置

首先加入nodejs插件
–>–>

 

在配置里面配置這個(gè)插件
–>


這樣我們就能在自動(dòng)構(gòu)建發(fā)布的配置里看到nodejs的編譯選項(xiàng)了

二、發(fā)布配置

首先新建一個(gè)自由風(fēng)格的項(xiàng)目

然后配置構(gòu)建保留天數(shù)和參數(shù)化構(gòu)建
這里選擇在svn上的資源,配置好訪問(wèn)的用戶(hù)信息

 

這樣我們?cè)跇?gòu)建的時(shí)候能看到項(xiàng)目的不同版本

接下來(lái)選擇構(gòu)建的數(shù)據(jù)源位置

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 ../

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的配置如下

–>

三、遇到的問(wèn)題

①npm代理問(wèn)題
在jenkins的服務(wù)器上設(shè)置npm config

#可以訪問(wèn)外網(wǎng)的代理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 (如果上面配置正確這個(gè)命令會(huì)有字符串response)

②chromedriver@2.37.0 install: `node install.js

這里我們?cè)谏厦娴臉?gòu)建中已經(jīng)有體現(xiàn),加上如下命令

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

以上所述是小編給大家介紹的jenkins自動(dòng)化部署vue詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • vue中el-tree動(dòng)態(tài)初始默認(rèn)選中和全選實(shí)現(xiàn)方法

    vue中el-tree動(dòng)態(tài)初始默認(rèn)選中和全選實(shí)現(xiàn)方法

    這篇文章主要給大家介紹了關(guān)于vue中el-tree動(dòng)態(tài)初始默認(rèn)選中和全選實(shí)現(xiàn)的相關(guān)資料,eltree默認(rèn)選中eltree是一種常用的樹(shù)形控件,通常用于在網(wǎng)頁(yè)上呈現(xiàn)樹(shù)形結(jié)構(gòu)的數(shù)據(jù),例如文件夾、目錄、組織結(jié)構(gòu)等,需要的朋友可以參考下
    2023-09-09
  • vue3界面使用router及使用watch監(jiān)聽(tīng)router的改變

    vue3界面使用router及使用watch監(jiān)聽(tīng)router的改變

    vue2中使用router非常簡(jiǎn)單,但是vue3中略微有些改變,通過(guò)本文講解下他的改變,對(duì)vue3?watch監(jiān)聽(tīng)router相關(guān)知識(shí)感興趣的朋友一起看看吧
    2022-11-11
  • vue3結(jié)合hooks開(kāi)發(fā)可以注冊(cè)的二次確認(rèn)彈框

    vue3結(jié)合hooks開(kāi)發(fā)可以注冊(cè)的二次確認(rèn)彈框

    這篇文章主要為大家介紹了vue3結(jié)合hooks開(kāi)發(fā)可以注冊(cè)的二次確認(rèn)彈框,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • Vue中使用canvas方法總結(jié)

    Vue中使用canvas方法總結(jié)

    在本篇內(nèi)容中小編給大家分享了關(guān)于Vue中使用canvas方法和步驟,對(duì)此有需要的讀者們參考學(xué)習(xí)下。
    2019-02-02
  • 構(gòu)建Vue3桌面應(yīng)用程序的方法

    構(gòu)建Vue3桌面應(yīng)用程序的方法

    在項(xiàng)目中會(huì)用到 Electron , 一種最流行的框架,可使用Javascript構(gòu)建跨平臺(tái)的桌面應(yīng)用程序。在本文中,我們將研究如何通過(guò) Vite 開(kāi)發(fā) Vue 3 桌面項(xiàng)目,感興趣的可以了解一下
    2021-05-05
  • 在vue項(xiàng)目中引入highcharts圖表的方法

    在vue項(xiàng)目中引入highcharts圖表的方法

    今天小編就為大家分享一篇關(guān)于在vue項(xiàng)目中引入highcharts圖表的方法,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2019-01-01
  • 如何在ElementUI的上傳組件el-upload中設(shè)置header

    如何在ElementUI的上傳組件el-upload中設(shè)置header

    這篇文章主要介紹了如何在ElementUI的上傳組件el-upload中設(shè)置header,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • vue實(shí)現(xiàn)登陸功能

    vue實(shí)現(xiàn)登陸功能

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)登陸功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • vue3自己封裝面包屑功能組件的幾種方式

    vue3自己封裝面包屑功能組件的幾種方式

    網(wǎng)站中我們經(jīng)??吹接袀€(gè)導(dǎo)航路徑,可以直觀地顯示當(dāng)前頁(yè)面的路徑,并快速返回之前的任意頁(yè)面,這是一個(gè)非常實(shí)用的功能,也是在Web前端必備的導(dǎo)航UI之一,這篇文章主要給大家介紹了關(guān)于vue3自己封裝面包屑功能組件的幾種方式,需要的朋友可以參考下
    2021-09-09
  • vue實(shí)現(xiàn)購(gòu)物車(chē)結(jié)算功能

    vue實(shí)現(xiàn)購(gòu)物車(chē)結(jié)算功能

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)購(gòu)物車(chē)結(jié)算功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-06-06

最新評(píng)論