背景

筆者每次上線部署應(yīng)用，都要使用第三方的客戶端連接工具，比如 Xshell，F(xiàn)inalShell，Terminus 等?；镜牟渴鸩襟E是打包后的 Jar 包或者 dist 目錄（前端）和 Dockerfile 文件通過第三方客戶端連接工具上傳到服務(wù)器上，及其繁瑣！

基于這個原因，筆者今天探索通過 IDEA 連接遠程服務(wù)器并上傳文件，減少繁瑣的部署步驟。

實現(xiàn)

筆者使用的 IDEA 是 2023.1.3 版本，版本較新，但兼容舊版本。

連接遠程服務(wù)器

打開 IDEA 的 Settings 配置列表，選擇 Tools 配置，選擇 SSH Configuration ，填寫我們的服務(wù)器信息

• 填寫我們的 主機IP、用戶名、密碼即可連接遠程的服務(wù)器，最后點擊 Apply 即可。

接著，點擊 Tools -> Start SSH Session -> 選擇我們剛剛配置好的服務(wù)器信息，就可以在終端上連接好我們剛剛配置的服務(wù)器。

• 連接完畢后，就可以對服務(wù)器進行操作了

配置 SFTP

配置 SFTP 的目的是讓我們直接在 IDEA 中就可以上傳文件，再也不用依賴其他客戶端連接工具了。

首先，點擊 Settings -> Build,Execution,Deployment -> Deployment

接著點擊左上角的 + 號，配置 SFTP 信息，最后點擊 apply 即可。

• SSH configuration 可以選擇我們剛剛配置好的 SSH 信息；
• Root Path（選填）：是登錄到服務(wù)器中某個具體的文件路徑；
• Web server URL（選填）：填寫主機的 IP；

顯示文件終端

點擊 Tools -> Deployment -> Browser Remote Host，就可以顯示我們服務(wù)器上的文件列表，通過拖拽本地文件即可實現(xiàn)文件上傳；

應(yīng)用部署

這里，我通過一個 VuePress 搭建的文檔網(wǎng)站的部署進行演示，通過 IDEA 連接遠程服務(wù)器進行部署，非常方便！

應(yīng)用打包

通過 npm run docs build 命令進行打包，生成 dist 文件夾

將 dist 文件夾放到我準(zhǔn)備好的 build 目錄下，然后把整個 build 目錄拖拽到我們服務(wù)器指定的位置上，打開服務(wù)器終端，進入到 build 的同級目錄下

然后執(zhí)行腳本一鍵部署即可。

以上就是IDEA連接遠程服務(wù)器簡化部署流程的詳細內(nèi)容，更多關(guān)于IDEA連接遠程的資料請關(guān)注腳本之家其它相關(guān)文章！