IDEA 衔接长途服务器简化布置流程

布景

笔者每次上线布置运用,都要运用第三方的客户端衔接东西,比方 Xshell,FinalShell,Terminus 等。根本的布置过程是打包后的 Jar 包或许 dist 目录(前端)和 Dockerfile 文件经过第三方客户端衔接东西上传到服务器上,及其繁琐!

根据这个原因,笔者今日探索经过 IDEA 衔接长途服务器并上传文件,减少繁琐的布置过程

完成

笔者运用的 IDEA 是 2023.1.3 版本,版本较新,但兼容旧版本。

衔接长途服务器

打开 IDEA 的 Settings 装备列表,挑选 Tools 装备,挑选 SSH Configuration ,填写咱们的服务器信息

IDEA 衔接长途服务器简化布置流程

  • 填写咱们的 主机IP、用户名、暗码即可衔接长途的服务器,最终点击 Apply 即可。

接着,点击 Tools -> Start SSH Session -> 挑选咱们刚刚装备好的服务器信息,就能够在终端上衔接好咱们刚刚装备的服务器。

IDEA 衔接长途服务器简化布置流程

  • 衔接结束后,就能够对服务器进行操作了

装备 SFTP

装备 SFTP 的意图是让咱们直接在 IDEA 中就能够上传文件,再也不用依赖其他客户端衔接东西了。

首要,点击 Settings -> Build,Execution,Deployment -> Deployment

IDEA 衔接长途服务器简化布置流程

接着点击左上角的 + 号,装备 SFTP 信息,最终点击 apply 即可。

IDEA 衔接长途服务器简化布置流程

  • SSH configuration 能够挑选咱们刚刚装备好的 SSH 信息;
  • Root Path(选填):是登录到服务器中某个具体的文件途径;
  • Web server URL(选填):填写主机的 IP;

显现文件终端

点击 Tools -> Deployment -> Browser Remote Host,就能够显现咱们服务器上的文件列表,经过拖拽本地文件即可完成文件上传

IDEA 衔接长途服务器简化布置流程

运用布置

这儿,我经过一个 VuePress 建立的文档网站的布置进行演示,经过 IDEA 衔接长途服务器进行布置,非常便利!

运用打包

经过 npm run docs build 指令进行打包,生成 dist 文件夹

IDEA 衔接长途服务器简化布置流程

将 dist 文件夹放到我准备好的 build 目录下,然后把整个 build 目录拖拽到咱们服务器指定的方位上,打开服务器终端,进入到 build 的同级目录下

IDEA 衔接长途服务器简化布置流程

然后履行脚本一键布置即可。