最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

使用jenkins一鍵打包發(fā)布vue項目的實現(xiàn)

 更新時間:2021年05月11日 09:46:04   作者:guojikun  
這篇文章主要介紹了使用jenkins一鍵打包發(fā)布vue項目的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

jenkins的安裝

Jenkins是一款開源 CI&CD 軟件,用于自動化各種任務(wù),包括構(gòu)建、測試和部署軟件。

Jenkins 支持各種運行方式,可通過系統(tǒng)包、Docker 或者通過一個獨立的 Java 程序。

安裝

這里的操作系統(tǒng)為WSL Ubuntu,其它系統(tǒng)的安裝的請參考jenkins官方文檔

wget -q -O - https://pkg.jenkins.io/debian/jenkins.io.key | sudo apt-key add -
sudo sh -c 'echo deb http://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources.list.d/jenkins.list'
sudo apt-get update
sudo apt-get install jenkins

更換端口號(默認運行在8080端口)

jenkins的配置文件在 /etc/default/jenkins;在其中找到HTTP-PORT并修改

運行

sudo systemctl start jenkins
# OR
sudo service jenkins start

如果要開機自動運行

sudo systemctl enable jenkins

如果運行時碰到如下圖的錯誤,請先安裝jdk

基礎(chǔ)配置

啟動成功后輸入對應(yīng)的地址(ip:port)進入jenkins管理界面-如下圖

上圖中紅色字體對應(yīng)的文件中拿到默認的管理員密碼-具體命令

cat /var/lib/jenkins/secrets/initialAdminPassword

命令執(zhí)行完成后返回如下圖

輸入密碼之后進入到自定義Jenkins界面(如下圖)

在此界面我們選擇安裝推薦的插件就會開始安裝插件;如下圖

插件安裝完成后就會自動進入設(shè)置用戶名密碼界面(如下圖)

輸入完成后點擊按鈕保存并完成就會進入下一個界面實例配置

點擊按鈕保存并完成就進入一個新界面,再點擊其中的按鈕開始使用Jenkins就進入了jenkins的主界面(如下圖),至此就完成了jenkins的安裝與基礎(chǔ)配置。

發(fā)布vue項目

> 打包vue項目需要nodejs,打包完成后需要通過ssh把打包好的文件上傳到目標服務(wù)器上。所以下面我們將會來安裝jenkins的nodejs插件和Publish Over SSH插件。

安裝插件-nodejs

在jenkins主界面工作臺,依次點擊系統(tǒng)管理>插件管理進入插件管理界面(如下圖)

搜索結(jié)果如下圖

勾選完插件并點擊安裝后進入到插件下載界面(如下圖)

配置nodejs插件

在jenkins主界面工作臺,依次點擊系統(tǒng)管理>全局工具設(shè)置進入插件管理界面并找到NodeJs選項(如下圖)

安裝Publish Over SSH插件并配置

Publish Over SSH插件的安裝和nodejs插件是一樣,安裝完成后開始配置插件;

在jenkins主界面工作臺,依次點擊系統(tǒng)管理>系統(tǒng)配置進入插件配置界面,滾動到Publish over SSH的位置,然后點擊SSH Servers下面的新增按鈕(如下圖)


點擊按鈕高級后出現(xiàn)的界面如下

創(chuàng)建任務(wù)

至此,打包vue所需的jenkins插件都已經(jīng)安裝完成,下面我們開始創(chuàng)建vue項目打包的任務(wù)。

具體操作如下圖

點擊按鈕確定后,如下圖

安裝上圖所說的配置完成后點擊保存按鈕就會跳轉(zhuǎn)到所創(chuàng)建任務(wù)的詳情界面。

至此一個我們便實現(xiàn)了一個簡單的一鍵打包前端項目的jenkins配置。

到此這篇關(guān)于使用jenkins一鍵打包發(fā)布vue項目的實現(xiàn)的文章就介紹到這了,更多相關(guān)jenkins打包發(fā)布vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue+tp5實現(xiàn)簡單登錄功能

    vue+tp5實現(xiàn)簡單登錄功能

    這篇文章主要為大家詳細介紹了vue+tp5實現(xiàn)簡單登錄功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-11-11
  • Vue學(xué)習(xí)之Vuex的使用詳解

    Vue學(xué)習(xí)之Vuex的使用詳解

    這篇文章主要介紹了Vue中的插件:Vuex。本文將圍繞它的優(yōu)缺點、使用場景和示例展開詳細的說明,感興趣的小伙伴可以跟隨小編一起了解一下
    2022-01-01
  • vue中可編輯樹狀表格的實現(xiàn)代碼

    vue中可編輯樹狀表格的實現(xiàn)代碼

    這篇文章主要介紹了vue中可編輯樹狀表格的實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-10-10
  • Vue中tinymce富文本功能配置詳解

    Vue中tinymce富文本功能配置詳解

    TinyMCE是一款易用、且功能強大的所見即所得的富文本編輯器,跟其他富文本編輯器相比,有著豐富的插件,支持多種語言,能夠滿足日常的業(yè)務(wù)需求并且免費,本文小編給大家詳細介紹了Vue中tinymce富文本功能配置,需要的朋友可以參考下
    2023-11-11
  • vue服務(wù)端渲染添加緩存的方法

    vue服務(wù)端渲染添加緩存的方法

    vue服務(wù)區(qū)緩存分為頁面緩存、組建緩存和接口緩存,本文通過實例代碼逐一給大家介紹,本文重點給大家介紹vue服務(wù)端渲染添加緩存的方法,感興趣的朋友跟隨小編一起看看吧
    2018-09-09
  • vue實現(xiàn)動態(tài)列表尾部添加數(shù)據(jù)執(zhí)行動畫

    vue實現(xiàn)動態(tài)列表尾部添加數(shù)據(jù)執(zhí)行動畫

    這篇文章主要介紹了vue實現(xiàn)動態(tài)列表尾部添加數(shù)據(jù)執(zhí)行動畫方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 關(guān)于Pinia狀態(tài)持久化問題

    關(guān)于Pinia狀態(tài)持久化問題

    這篇文章主要介紹了關(guān)于Pinia狀態(tài)持久化問題,具有很好的參考價值,希望對大家有所幫助。
    2023-03-03
  • vue腳手架安裝以及安裝失敗問題解決辦法

    vue腳手架安裝以及安裝失敗問題解決辦法

    我們通常會用到腳手架vuecli創(chuàng)建項目,此時需要安裝腳手架,下面這篇文章主要給大家介紹了關(guān)于vue腳手架安裝以及安裝失敗問題的解決辦法,需要的朋友可以參考下
    2022-07-07
  • 基于vue配置axios的方法步驟

    基于vue配置axios的方法步驟

    這篇文章主要介紹了基于vue配置axios的方法步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-11-11
  • vue安裝依賴npm install過程中報錯npm ERR! cb() never called!問題

    vue安裝依賴npm install過程中報錯npm ERR! cb() nev

    這篇文章主要介紹了vue安裝依賴npm install過程中報錯npm ERR! cb() never called!問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2025-04-04

最新評論

兴文县| 海林市| 江山市| 河南省| 山东省| 芮城县| 怀安县| 共和县| 淅川县| 沛县| 靖远县| 南乐县| 崇义县| 沛县| 旌德县| 得荣县| 台江县| 鄂温| 柘荣县| 枞阳县| 九江市| 鄱阳县| 邵阳县| 杨浦区| 芜湖县| 缙云县| 阿克陶县| 乐都县| 邹城市| 曲阳县| 班戈县| 襄樊市| 微山县| 敦煌市| 玛曲县| 纳雍县| 望都县| 濮阳市| 哈尔滨市| 台东县| 鹤岗市|