PhpStorm、PyCharm、WebStorm同步代码到远程机器

在平时开发时，可能会遇到这样的问题：

使用手上的笔记本编辑代码，应用部署在远程Linux上。每编辑几行代码，就想上传到服务器查看效果。手动上传肯定很低效

幸好JetBrains的 IDE （PhpStorm、PyCharm专业版、WebStorm）早就考虑到了这点，为我们准备了Deployment工具，下面就来介绍下如何使用。

Step 1

File -> Settings 打开设置菜单，在设置项搜索框中输入deployment

点击搜到的Deployment，点开后如下图：

点击”+”号新建一个需要将代码同步上去的机器，在弹出的对话框中，填写Name（随意）和Type（如果远程机器有SSH的话，推荐SFTP），点OK

设置页右边出现了远程机器的配置项，如下图：

• 第1步，填写远程机器名、帐号和密码
• 第2步，点击”Test SFTP connection”测试是否能真的连上远程机器，如果- 弹出”Successful connected to xxxx”说明连接成功

• 第3步，填写Root path，意思是远程机器的基准目录。比如我们想将本地D:\work\目录下的代码同步到远程/var/www/html下，那么远程机器基准目录就是/var/www/html

  以上都设置妥当后，点击Apply按钮保存。

Step 2

还是刚才的窗口，切换到Mappings，如下图：

• 第1步，设置Deployment path on server（远程机器的部署路径）为”/”。

  刚才设置过了基准目录，这里又设置了部署路径，有什么区别呢？如果远程机器上可能多个项目需要部署，合理设置基准目录和部署路径可以简化配置。

  比如我们本地有两个项目 D:\work\project1 和 D:\work\project2 分别需要同步到远程机器的 /home/work/app1 和 /home/work/app2，那么在本文 Step 1 中，我们可以只创建一个远程机器的配置，将基准目录设置成 /home/work，随后两个项目各自的部署路径分别设置成 /app1 和 /app2

• 第2步，点击左侧菜单Deployment下的Options。当我们想上传一个文件到远程时，需要在IDE中对着代码文件右击，选择“Upload to xxx”才行，这样不方便。所以在截图中的配置项，我们选择“On explicit save action (Ctrl+S)”，意思是每当按Ctrl+S保存本地文件时，触发IDE自动同步文件到远程

Step 3

以上所有项都设置正确的话，回到IDE写点代码，然后按Ctrl+S保存，底部的File Transfer会显示文件同步的情况

这里再介绍两个小功能：

• 在顶部菜单选择 Tools -> Deployment -> Browse Remote Host可以浏览远程机器的文件

• 如果反过来，远程机器的代码更改了，想同步到本地，可以右键代码文件（或目录），选择 Deployment -> Download from server，文件就同步下来了