导语

这一章，我们来学习一下 PhpStorm 实现远程代码同步更新。这是什么意思呢，相信各位从字面意思大概了解了。

PhpStorm 实现远程代码同步更新：指在本地使用 PhpStorm 开发 WEB 应用或者 API 接口时，通过 PhpStorm 提供的同步设置，将开发或者修改完成的代码，保存到本地的同时，上传到服务器上，无需人工一个一个文件的上传代码，方便实用。

一、前期准备

• 结合特别篇第一章，我们有了本地模拟远程服务器的条件——虚拟机和 CentOS 系统，并且安装好了 LNMP 环境

• 在第一章中，我们新建了 learn 的项目，我们就用这个项目。
  

  清空项目目录，如下图

  

二、上传项目代码

• 选中本地项目中的内容，建议使用 7-Zip 软件压缩成 tar 包

  

• 看一下 7-Zip 具体设置界面

  

• 通过 Xftp 将 tar 压缩包上传到服务器 /www/wwwroot/learn 项目目录下
  

• 进入 Xshell 对 learn.tar 文件进行解压

  cd /www/wwwroot/learn
  tar -xvf learn.tar

• 此时，本地项目与服务器项目是一致的，这是实现同步设置的基础

  

三、将服务器项目跑起来

• 第一步，修改 Nginx 配置

  vim /etc/nginx/conf.d/learn.conf

  

  将里面所有的 /www/wwwroot/learn 改成 /www/wwwwroot/learn/public；

• 第二步，启动 nginx, php-fpm, mysqld

  systemctl start nginx
  systemctl start php-fpm
  systemctl start mysqld

• 第三步，关闭防火墙

  iptables -F
  setenforce 0

• 第四步，浏览器访问 IP:8080

  

四、PhpStorm 的同步配置

• 第一步，打开同步配置

  

• 第二步，添加服务器链接配置

  

• 第三步，设置 IP、账户密码等服务器链接配置

  

• 第四步，选择 Root path，即服务器端项目根目录。

  

  

  

• 第五步，进一步配置项目根目录，并完成配置

  

五、实现手动同步单个文件

• 第一步，本地修改 welcome.blade.php 前端文件

  

• 第二步，进入同步对比窗口

  

• 第三步，这时就可以看到本地和服务器的不同了

  

• 第四步，点击同步按钮，完成同步操作

  

  

六、ctrl + s 便捷式同步操作

ctrl + s 是进行同步代码的主要手段，保存本地的同时，保存服务器上的代码，极大方便了开发；同时也支持目录同步、多文件同步以及删除同步。

• 第一步，打开 Options 配置项

  

  

• 第二步，设置 ctrl + s 同步操作

  

• 最后，即可本地修改代码，然后在 ctrl + s 后，访问 IP:8080