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

评论
还没有评论
    发表评论 说点什么