詳解jenkins自動(dòng)化部署vue
一、nodejs配置
首先加入nodejs插件
–>
–>
在配置里面配置這個(gè)插件
–>
這樣我們就能在自動(dòng)構(gòu)建發(fā)布的配置里看到nodejs的編譯選項(xiàng)了
二、發(fā)布配置
首先新建一個(gè)自由風(fēng)格的項(xiàng)目
然后配置構(gòu)建保留天數(shù)和參數(shù)化構(gòu)建
這里選擇在svn上的資源，配置好訪(fǎng)問(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
#可以訪(fǎng)問(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)文章
這篇文章主要給大家介紹了關(guān)于vue中組件傳參的幾種常用方法,Vue組件傳參方也是面試最常考的內(nèi)容,文中通過(guò)代碼實(shí)例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了如何修改vant的less樣式變量方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
利用vscode編寫(xiě)vue的簡(jiǎn)單配置詳解
這篇文章主要給大家介紹了利用vscode編寫(xiě)vue簡(jiǎn)單配置的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
Vue Echarts實(shí)現(xiàn)柱形圖從右向左滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Vue如何利用Echarts實(shí)現(xiàn)柱形圖從右向左滾動(dòng)的效果，文中的示例代碼簡(jiǎn)潔易懂，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-05-05
rollup3.x+vue2打包組件的實(shí)現(xiàn)
本文主要介紹了rollup3.x+vue2打包組件的實(shí)現(xiàn)，詳細(xì)的介紹了打包會(huì)存在的問(wèn)題，包版本的問(wèn)題，babel 轉(zhuǎn)換jsx等問(wèn)題，具有一定的參考價(jià)值，感興趣的可以了解一下2023-03-03
ElementUI中el-tree節(jié)點(diǎn)的操作的實(shí)現(xiàn)
這篇文章主要介紹了ElementUI中el-tree節(jié)點(diǎn)的操作的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
Vue.js是現(xiàn)在比較優(yōu)秀的Web前端框架,非常推薦大家入門(mén)學(xué)習(xí),這篇文章主要給大家介紹了關(guān)于如何一步步從零搭建一個(gè)Vue項(xiàng)目的相關(guān)資料,文中通過(guò)圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
這篇文章主要介紹了vue使用file-saver本地文件導(dǎo)出,大家需要安裝xlsx和file-saver，然后創(chuàng)建localExports.js文件，具體實(shí)現(xiàn)代碼跟隨小編一起看看吧2022-01-01
el-table實(shí)現(xiàn)嵌套表格的展示功能(完整代碼)
el-table中在嵌套一個(gè)el-table,這樣數(shù)據(jù)格式就沒(méi)問(wèn)題了,主要就是樣式,將共同的列放到一列中,通過(guò)渲染自定義表頭render-header,將表頭按照合適的寬度渲染出來(lái),本文給大家分享el-table實(shí)現(xiàn)嵌套表格的展示功能,感興趣的朋友一起看看吧2024-02-02
詳細(xì)聊聊vue組件是如何實(shí)現(xiàn)組件通訊的
組件間通信簡(jiǎn)單來(lái)說(shuō)就是組件間進(jìn)行數(shù)據(jù)傳遞,就像我們?nèi)粘５拇螂娫?huà),就是通訊的一種方式,下面這篇文章主要給大家介紹了關(guān)于vue組件是如何實(shí)現(xiàn)組件通訊的相關(guān)資料,需要的朋友可以參考下2022-05-05