亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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.js 無限滾動列表性能優(yōu)化方案

    Vue.js 無限滾動列表性能優(yōu)化方案

    這篇文章主要介紹了Vue.js 無限滾動列表性能優(yōu)化方案,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-12-12
  • 第一次接觸神奇的前端框架vue.js

    第一次接觸神奇的前端框架vue.js

    第一次接觸神奇的vue.js,主要了解一下v-model、v-if、v-else、v-show、v-for等,感興趣的小伙伴們可以一起學習一下
    2016-12-12
  • 淺談vuex為什么不建議在action中修改state

    淺談vuex為什么不建議在action中修改state

    這篇文章主要介紹了淺談vuex為什么不建議在action中修改state,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-02-02
  • vue addRoutes實現(xiàn)動態(tài)權(quán)限路由菜單的示例

    vue addRoutes實現(xiàn)動態(tài)權(quán)限路由菜單的示例

    本篇文章主要介紹了vue addRoutes實現(xiàn)動態(tài)權(quán)限路由菜單的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • element-ui在table中如何禁用其中幾行

    element-ui在table中如何禁用其中幾行

    這篇文章主要介紹了element-ui在table中如何禁用其中幾行問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • vue3編寫帶提示的表格組件功能

    vue3編寫帶提示的表格組件功能

    本文介紹了如何使用Vue 3編寫一個帶提示的表格組件,并假設(shè)每行都有一個保存按鈕,如果需要全部保存,還會加上驗證,感興趣的朋友一起看看吧
    2025-02-02
  • vue實現(xiàn)手機端省市區(qū)區(qū)域選擇

    vue實現(xiàn)手機端省市區(qū)區(qū)域選擇

    這篇文章主要為大家詳細介紹了vue實現(xiàn)手機端省市區(qū)區(qū)域選擇,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • vue實現(xiàn)導出word文檔的示例代碼

    vue實現(xiàn)導出word文檔的示例代碼

    這篇文章主要為大家詳細介紹了如何使用vue實現(xiàn)導出word文檔(包括圖片),文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2024-01-01
  • vue前端測試開發(fā)watch監(jiān)聽data的數(shù)據(jù)變化

    vue前端測試開發(fā)watch監(jiān)聽data的數(shù)據(jù)變化

    這篇文章主要為大家介紹了vue測試開發(fā)watch監(jiān)聽data的數(shù)據(jù)變化,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-05-05
  • elementplus el-table(行列互換)轉(zhuǎn)置的兩種方法

    elementplus el-table(行列互換)轉(zhuǎn)置的兩種方法

    本文主要介紹了elementplus el-table(行列互換)轉(zhuǎn)置,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2024-06-06

最新評論