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连接和自动同步。