Laravel 之道特别篇二: PhpStorm 实现远程代码同步更新
10

导语

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

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

一、前期准备

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

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

    清空项目目录,如下图

    file

二、上传项目代码

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

    file

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

    file

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

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

    cd /www/wwwroot/learn
    tar -xvf learn.tar
  • 此时,本地项目与服务器项目是一致的,这是实现同步设置的基础

    file

三、将服务器项目跑起来

  • 第一步,修改 Nginx 配置

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

    file

    将里面所有的 /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

    file

四、PhpStorm 的同步配置

  • 第一步,打开同步配置

    file

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

    file

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

    file

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

    file

    file

    file

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

    file

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

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

    file

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

    file

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

    file

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

    file

    file

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

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

  • 第一步,打开 Options 配置项

    file

    file

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

    file

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

    file

    file

我们是一群被时空压迫的孩子。 ---- 爱因斯坦

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 3

配图这么详细,简直业界良心

勾选这个也可以

file

2周前
yuanshang

@lovecn 嗯嗯,是滴

2周前

给力!正需要

2周前

  • 请注意单词拼写,以及中英文排版,参考此页
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
  • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
  • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
  • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!