webstorm设置ftp连接和自动同步的方法

在本地写代码，保存后能让代码自动同步到服务器，想必是极好的。webstorm中自带了ftp服务，我们稍加配置即可。

1、找到webstorm菜单栏中的，Tools->Deployment->Configuration

2、点击左上角加号，然后给ftp连接起个名字，注意，type为连接类型，一般是ftp，如果是sftp等其他协议，请自行选择。

3、填写ftp相关信息

• FTP Host 中填写服务器域名或IP
• Port 为ftp端口号，一般是21端口，不清楚的话可以咨询空间提供商，或帮你搭建ftp服务的朋友。
• Root Path 是连接到服务器哪个目录，/ 表示根目录
• Username 是ftp用户名
• Password 是ftp密码
• 如果不想每次连接都输入一次密码，可以勾选 Save password 选项。

4、点击 Mappings 选项卡，在 Deployment path on server *** 中输入/或点击右侧三个点按钮选择对应的ftp目录。

5、ftp信息填写完毕后点击右侧 Test FTP Connection 按钮，如果信息无误，会提示 Successfully connected to ****，表示ftp连接成功

6、如果连接失败，首先检查各项信息是否填写正确，如果信息无误。可以点击下方 Advanced options 按钮，勾选上Passive mode(被动模式) 或同时勾选Passive mode(被动模式)和Compatibility mode(兼容模式)后再试。

代码自动同步的设置：

1、找到webstorm菜单栏中的，Tools->Deployment->Browse Remote Host，可以看到webstorm右侧出现了服务器ftp中的文件列表。

2、找到webstorm菜单栏中的，Tools->Deployment->Options

3、在 Upload changed files automatically to the default server 后选择 Always，这样在你修改完文件后就可以实现自动上传了

4、勾选上 Upload external changes ，可以实现外部增加或修改的文件自动上传的效果。

PS：本文方法同样适用于phpstorm设置设置ftp连接和自动同步。