Jenkins是一個自動化工具，用于構建，測試和部署軟件。它可以與GitHub等源代碼管理工具集成，實現完全自動化的構建過程。Vue是一種流行的JavaScript框架，用于構建現代Web應用。在本文中，我們將介紹如何使用Jenkins和GitHub來自動化Vue應用程序的構建和部署。

首先，我們需要在GitHub上創建一個新的存儲庫，并將Vue應用程序代碼上傳到該存儲庫中。然后，我們需要在Jenkins中創建一個新的作業來自動構建Vue應用程序。以下是在Jenkins中創建一個新作業的步驟：

1. 點擊“新建”按鈕，輸入作業名稱并選擇“自由風格”項目。
2. 在作業配置頁面中，選擇“Git”選項，并輸入GitHub存儲庫的URL。
3. 在“構建”部分中，選擇“執行shell”并輸入以下命令：
npm install
npm run build
4. 保存作業并執行它。

執行作業后，Jenkins會自動下載代碼，并在構建服務器上運行npm install命令。然后它將運行npm run build命令來構建Vue應用程序，并將構建的應用程序文件保存在指定的目錄中。接下來，我們需要將構建的應用程序推送到遠程服務器以進行部署。

為此，我們可以使用Jenkins提供的“Publish Over SSH”插件來將文件復制到遠程服務器。以下是使用該插件的步驟：

1. 安裝“Publish Over SSH”插件，并在Jenkins中配置連接到遠程服務器的SSH密鑰。
2. 在作業配置頁面中，選擇“Send files or execute commands over SSH”選項，并選擇要上傳的文件夾。
3. 在“Build”部分中，執行以下shell命令：
scp -r ./dist/* user@remote:/path/to/destination
4. 保存作業并執行它。

這將使用scp命令將構建的文件夾上傳到遠程服務器，并將應用程序部署到指定的路徑中。

現在，我們已經成功地將Vue應用程序的構建和部署自動化了。每當我們從GitHub中更新代碼時，Jenkins將自動構建和部署我們的應用程序。這大大提高了我們的開發效率，并使我們能夠專注于編寫高質量的應用程序代碼。