詳解jenkins自動化部署vue
更新時間：2019年05月14日 10:52:57 作者：jonsonler
這篇文章主要介紹了jenkins自動化部署vue，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
一、nodejs配置
首先加入nodejs插件
–>
–>
在配置里面配置這個插件
–>
這樣我們就能在自動構(gòu)建發(fā)布的配置里看到nodejs的編譯選項了
二、發(fā)布配置
首先新建一個自由風(fēng)格的項目
然后配置構(gòu)建保留天數(shù)和參數(shù)化構(gòu)建
這里選擇在svn上的資源，配置好訪問的用戶信息
這樣我們在構(gòu)建的時候能看到項目的不同版本
接下來選擇構(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的配置如下
–>
三、遇到的問題
①npm代理問題
在jenkins的服務(wù)器上設(shè)置npm config
#可以訪問外網(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 （如果上面配置正確這個命令會有字符串response）
②chromedriver@2.37.0 install: `node install.js
這里我們在上面的構(gòu)建中已經(jīng)有體現(xiàn)，加上如下命令
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
以上所述是小編給大家介紹的jenkins自動化部署vue詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
vue中el-tree動態(tài)初始默認選中和全選實現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于vue中el-tree動態(tài)初始默認選中和全選實現(xiàn)的相關(guān)資料,eltree默認選中eltree是一種常用的樹形控件,通常用于在網(wǎng)頁上呈現(xiàn)樹形結(jié)構(gòu)的數(shù)據(jù),例如文件夾、目錄、組織結(jié)構(gòu)等,需要的朋友可以參考下2023-09-09
vue3界面使用router及使用watch監(jiān)聽router的改變
vue2中使用router非常簡單，但是vue3中略微有些改變，通過本文講解下他的改變，對vue3?watch監(jiān)聽router相關(guān)知識感興趣的朋友一起看看吧2022-11-11
vue3結(jié)合hooks開發(fā)可以注冊的二次確認彈框
這篇文章主要為大家介紹了vue3結(jié)合hooks開發(fā)可以注冊的二次確認彈框，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
在本篇內(nèi)容中小編給大家分享了關(guān)于Vue中使用canvas方法和步驟，對此有需要的讀者們參考學(xué)習(xí)下。2019-02-02
在項目中會用到 Electron ， 一種最流行的框架，可使用Javascript構(gòu)建跨平臺的桌面應(yīng)用程序。在本文中，我們將研究如何通過 Vite 開發(fā) Vue 3 桌面項目，感興趣的可以了解一下2021-05-05
今天小編就為大家分享一篇關(guān)于在vue項目中引入highcharts圖表的方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
如何在ElementUI的上傳組件el-upload中設(shè)置header
這篇文章主要介紹了如何在ElementUI的上傳組件el-upload中設(shè)置header，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要為大家詳細介紹了vue實現(xiàn)登陸功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
網(wǎng)站中我們經(jīng)常看到有個導(dǎo)航路徑,可以直觀地顯示當前頁面的路徑,并快速返回之前的任意頁面,這是一個非常實用的功能,也是在Web前端必備的導(dǎo)航UI之一,這篇文章主要給大家介紹了關(guān)于vue3自己封裝面包屑功能組件的幾種方式,需要的朋友可以參考下2021-09-09
這篇文章主要為大家詳細介紹了vue實現(xiàn)購物車結(jié)算功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06