PHPStorm.WebStrom配置本地项目与远程服务器同步

说明:PHPStorm、WebStrom等官方的系统开发工具配置本地项目与远程服务器同步的方法都基本一致没有,几乎没有什么不同之处,我们拿WebStorm为例说一下具体的配置过程

WebStrom配置本地项目与远程服务器同步

能做什么

我们在团队开发时基本上开发环境都是统一的测试开发服务器,那你会问:我本地已经安装了LNMP或LAMP为什么还要用测试开发服务器作为开发环境呢?那我问你:你能保证你的小伙伴们都是同样的开发环境么?比如说你的PHP开发环境高,你使用了一个低版本PHP不支持的函数,使用了低版本PHP的小伙伴是不是要报错,你怎么知道这个时候你的小伙伴没有骂娘?哈哈,所以说为了避免这种情况的发生一般都有一个测试开发服务器(LINUX OS),你和你的小伙伴只是这个服务器上一个用户,至于使用的开放权限root管理员或者比普通用户更高级的用户说的算...

WebStrom开发工具要做的就是将编辑的项目文件实时的同步到远程服务器,当你访问你刚编辑的文件时远程端已经更新这就是我们想要的效果或者说功能吧,在WebStorm配置同步文件到远程服务器,其实它就相当于你使用xftp(上传下载工具和xshell是兄弟不要说你不知道不知道我也不告诉你,因为您老真是拖后腿了噻)工具拽一个服务器上的文件到本地,编辑完成后你又将文件上传覆盖到服务器上是一个道理,让你使用WebStorm开发更省心省力

怎么配置

选择 '文件' -> '设置' (Default shortcut keys for Ctrl + Alt + S) 打开Settings对话框

Setting对话框选择 'Build, Execution, Deployment' -> 'Deployment' -> 点击 'Add(Insert)' 打开Add Server对话框

Add Server对话框内输入Name值为linux-server-mapping-directory (这个值为连接远程服务器标签名称可以随意输入,但我们的原则是见名知意);

Type类型选择为SFTP

Setting Dialog

Settings对话框内选择linux-server-mapping-directory标签名称

选择Connection标签,在对应用的Upload/download project files中输入如下图所示信息

SFTP host: 远程服务器IP地址
Port: 连接所使用的端口号
Root Path: 为项目所在目录
User name: 用户名
Auth type: 选择默认的Password
Password: 用户登录密码

Setting Dialog Connection

通过Test SFTP connection...测试连通性,可以判断是否连接成功,不成功请确认用户名和密码是否输入正确

Test SFTP connection...

选择Mapping标签

设置Local path为本地项目目录

设置Deployment path on server 'linux-server-mapping-directory'/根目录就可以

PS: 这里的根是相对于/home/warnerwu/blog项目目录而言

设置Web path on server 'linux-server-mapping-directory'/根目录就可以

Mapping

设置Options如下图所示:

Options

怎么使用

  • 上传整个项目到远程linux开发服务器

右击项目目录 -> Deployment -> Update to linux-server-mapping-directory

  • 上传单个文件到远程linux开发服务器

右击将要上传的单个文件 -> Deployment -> Update to linux-server-mapping-directory

  • 修改后按快捷键 Ctrl+S 保存时自动上传文件到远程linux开发服务器

修改文件后保存时自动上传到linux远程开发服务器

下面两张图是上传整个项目目录到远程linux开发服务器的示意图:

Using

Result

同理下载也是相对应的, 你也可以对比本地与linux开发服务器项目目录有什么不同,

如果说你不喜欢 zend studio 那么这个ide将是你手里最得心应手的一把刀 ...

PHPStorm是最有情怀的ide不喜勿喷, 每个人都不同的习惯,

当然了我想能看到这个文档的都是PHPStorm使用者, 希望对你的开发工作有所帮助!


wumoxi
431 声望40 粉丝

如果不曾让我见过阳光,至少我还可以忍受黑暗