平常在维护网站的时候,经常遇到网站代码需要修改的地方,一般情况下就是先使用FTP传输传输到本地然后修改完毕再上传,或者你使用宝塔面板或者windows服务器也可以直接在服务器上编辑代码,这样的操作如果是小小的改动一下是没问题很简单,但是如果修改的地方很麻烦,需要不断调试,那么这简直就是一种折磨,所以你就要想一个更省事的办法了,今天主机笔记就为大家介绍使用JetBrains家的phpstorm实现远程编码,本地编辑实时自动同步到远程web服务器。
本地连接配置web服务器
要实现远程编码,首先我们要把我们本地的webstom项目连接到服务器,最好的方法就是使用FTP连接我们的网站或者项目
在webstom编辑器依次选择 Tools – Deployment – Configuration,添加一个远程主机,这个名字只是备注用,随便写,协议选择FTP(也支持SFTP、本地等)
这个时候就是主要就是填写远程主机的FTP信息了,除了基本的FTP信息填写完毕外,其他需要修改的我在图上用箭头标出
Root path 这个选项是要打开的路径,这样做主要是为了防止误操作影响项目,填写后上级目录不会展示,当然你可以不写
Advanced options 这个选项是设置 Passive mode 设置FTP连接模式为被动模式
Web server root URL 这里就是调试的网址
当所有的信息确认无误后,点击一下 Test FTP connection,测试是否连接成功
最后,我们再调整一下本地和远程主机的映射即可,如果要添加了多个远程主机的话,记得把要使用的项目点击一下 Use this server as default
远程主机配置好后我们就可以看一下目录结构了,点击 Tools – Deployment – Broswse Remote Host,然后就会看到远程的文件了
这个时候其实我们本地还没有文件,要把远程的项目下载到本地,在远程主机上右键 – Download from here即可,稍等一会下载完毕,本地项目即可显示
设置代码自动同步到远程服务器
在前面我们已经把本地文件和远程文件对接上了,但是这时候要实现同步还是要手动传输的,距离实现自动化还差一点点
打开 Tools – Deployment – Options,我们把Upload changed files 一项改为 On explicit save action,意思也就是每次保存都会同步到远程服务器
到这里,基本设置完毕,可以看到我下面的测试,完全是在本地操作,自动在服务器创建新的文件,而且本地每保存一次,就会自动的传输到服务器并记录日志
可能遇到的问题
测试连接成功,但是却始终无法上传,在配置界面出现如下提示:Automatic upload will not work,because default server'蓝轩小程序”has no valid mappings.
参考:Default server mservice has no valid mappings. Automatic upload is not enabled