一键部署文件到远程服务器

第一步：配置部署服务器

• 打开项目

  • 启动 WebStorm 或 IntelliJ IDEA 并打开你的项目。

• 打开部署配置

  • 在菜单栏中，选择 Tools > Deployment > Configuration。

  

• 添加新的部署配置

  • 点击右侧的 + 按钮，然后选择 SFTP（或其他合适的协议，例如 FTP 或 FTPS）。
  • 输入服务器的名称以识别配置。

• 配置服务器连接

  • 在 Connection 标签页中，输入服务器的 Host（主机地址）和 User name（用户名）。
  • 点击 Password 并输入服务器的密码。
  • 点击 Test Connection 按钮，确认可以成功连接到服务器。

  

• 设置部署路径

  • 在 Mappings 标签页中，配置本地路径和远程路径：
    • Local Path：选择项目的本地根目录。
    • Deployment Path：输入服务器上的部署路径（例如 /var/www/html）。

  注意

  这里本地路径最后配置成你们项目的根目录，这样整个项目所有的文件都可以上传到服务器的部署路径位置。

  当然了，开发过程中，我们一般都是将打包好的dist目录上传到服务器，所以我这里直接配置了dist.

  

• 保存配置

  • 点击 OK 保存配置。

第二步：上传配置

• 在同一个 Deployment 设置窗口中，导航到 Options 标签页，在该选项里面做一些服务器的上传配置。

​

第三步：部署文件

右键我们需要上传的 dist 目录，直接点击 Deployment > Upload to <your server name> 即可。

第四步：浏览远程主机

如果我们需要在本地编辑或者删除远程服务器的文件，可以选择 Tools > Deployment > Browse Remote Host 选项进行操作。