Mac上搭建PHP环境

小灰灰 2022-06-12 11:12 334阅读 0赞

http://jingyan.baidu.com/article/fec7a1e5ec30341190b4e7e5.html

brew install autoconf

https://xdebug.org/wizard.php

http://www.cnblogs.com/lishiyun19/p/4470086.html

在上一篇 PHP 系列的文章[《PHP 集成开发环境比较》][PHP]中，我根据自己的亲身体验，非常简略的介绍和对比了几款常用的集成开发环境，就我个人而言，比较推崇 [Zend Studio][] 和 [PhpStorm][]，在随手问过度娘和谷歌之后，我发现可以搜到很多 Windows 下介绍配置的版本，却鲜有关于 Mac 下的配置信息，于是我决定自己写一篇。

本文主要阐述在 Mac 下对 PhpStorm 开发环境和 [Xdebug][] 调试环境的安装与配置，由于 PhpStorm 不像 Zend 公司为 Zend Studio 那样配套集成了很多开发部件，包括解释器、调试器、虚拟机、服务器、开发框架等等。因此，配置 PhpStorm 开发环境相对较繁琐，有很多需要注意的地方。本文非常系统和全面的介绍了整个开发和调试环境的配置，旨在希望能成为最优秀的 Mac 上配置 PHP 开发环境教程。

一、下载

PhpStorm 是 [jetBrains][] 公司的收费产品，但对于学生和教师有免费版，另外，在天朝，收费根本不是事儿...

[XAMPP][] 是一个免费的、跨平台、多功能的软件站集合包，主要包含最新的 [Apache][]、[MySQL][]、[PHP][PHP 1]、[PERL][] 发行版本，这样可以省去了很多关于选择 MySQL 和 PHP 的编译与配置选项的繁琐，使得大家可以专注于编程。

二、安装

至于安装么，大家都是程序员，我想这个应该不需要我赘述了...

三、配置

安装好 PhpStorm 后就要开始新建第一个项目了，和 [IntelliJ IDEA][] 非常的相似，事实上，jetBrains 家族的集成开发环境都高度的相似，熟悉其中一个，就好比打通了任督二脉，再学习和使用起来就非常的方便了，好了，闲话不继续扯了...

1、XAMPP 配置

1.1>添加 Xdebug 调试器

1）最新版本的 XAMPP 都默认自带了 xdebug.so 模块\[位于 no-debug-non-zts-20131226 包中\]。

![011631172248056.png][]

2）打开 Applications/XAMPP/etc/php.ini 配置文件，在最末尾处加入以下内容。

\[xdebug\]  
　　　　　　　　zend\_extension=/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so  
　　　　　　　　xdebug.remote\_autostart=on  
　　　　　　　　xdebug.remote\_enable=on  
　　　　　　　　xdebug.remote\_enable=1  
　　　　　　　　xdebug.remote\_mode="req"  
　　　　　　　　xdebug.remote\_log="/var/log/xdebug.log"  
　　　　　　　　xdebug.remote\_host=localhost/127.0.0.1  
　　　　　　　　xdebug.remote\_port=9000  
　　　　　　　　xdebug.remote\_handler="dbgp"  
　　　　　　　　xdebug.idekey="PhpStorm"

![011629011155271.png][]

1.2>设置完成后重启 Apache，在浏览器中输入 http://localhost/xampp/ 查看 phpinfo() 信息，这样就完成了 PHP 调试器 Xdebug 的初始配置。

![011632280219361.png][]

2、PHPStorm 配置

2.1> 开发环境的初始化

1）打开 PhpStorm->Create New Project->设置默认的路径 /Applications/XAMPP/htdocs/ (个人建议就设置到 XAMPP 的这个默认路径)->项目名称。

![011639405689180.png][]

2）新建一个 .php 文件并设置行号，右键单击勾选。

![011644235361700.png][]

3）设置 IDE 主题，推荐 Darcula 暗黑系列，眼睛长时间看着也不会感觉疲劳。

![011646006304970.png][]

4）设置字体和文字大小，推荐 Monaco 和 Menlo 字体，在 Mac 上显示的非常漂亮。

![011645156778704.png][]

5）PHP 是解释型动态语言，所以必须设置 PHP Interpreters 解释器\[位于 ../XAMPP/bin 目录中\]，特别注意：由于受限于 PhpStorm 的内置的 PHP 版本，XAMPP 中的 PHP 版本不可过高，否则会出现无法识别 PHP Version 和 Debugger 的情况。

![020901485832641.png][]

6）最后检查一遍 PHP 的编码风格是否适合你或者你的团队，[PHPDoc][] 提供了标准代码注释参考方式，有少量的定制化选项。

![020918204113132.png][]

2.2> Xdebug 和服务器的配置

1) 打开 File>Settings>PHP>Servers，添加 Web Application Debug 服务器。

![020904273332809.png][]

2) 打开 File>Settings>PHP>Debug，查看 Xdebug 配置信息，其中的 Debug port 是否是 9000 (其实就是看看是否和前面服务端 php.ini 里的 xdebug.remote\_port 保持一致，或设置其他较大端口如：10000，只要二者相同即可)。

![020908580215180.png][]

3）打开 File>Settings>PHP>Debug>DBGp Proxy 下，IDE key 可以随便填写如：PhpStorm，Host 可以设置为 localhost 或者 127.0.0.1，port 是指 HTTP 端口，默认是 80，当然可以随意修改，把服务器的 HTTP 端口设置成一样就成。

![020953270365179.png][]

3、浏览器扩展配置

PHP 是强大的 Web 开发语言，假若没有浏览器来进行联合调试简直就是笑话，一般来说，推荐大家使用 Chrome 浏览器和 Firefox 浏览器来进行开发(二者选一即可)：

3.1>Chrome 下我推荐 [JetBrains IDE Support][] 插件(俗称 JB 大插件)，官方开发的插件契合度自然非常的高，不需要配置即可直接使用，不需要刷新和运行即可实时显示你编写代码的内容(主要是 html 标记语言)，非常方便，强烈推荐使用。

![021016419437027.png][]

3.2>Firefox 下我推荐 The easiest Xdebug 插件，在选项中设置 IDE key = PhpStorm (即与 DBGp Proxy 下设置的IDE key一样即可)，配置起来也不复杂。

![021635410835959.png][]

四、调试

好了，对 Xdebug 和 PhpStorm 的配置现在可以告一段落，那么我们现在就开始来调试测试一番，看看上述的配置有没有问题。

1）激活 PHPStorm IDE 的 "Start Listen for PHP Debug Connections" 按钮(右上角 Debug 区类似电话的图标，带红色禁止小圆圈标志表示未激活，变绿表示正在监听中)。

![021508406307770.png][]

2）设置断点。

![021515598498886.png][]

3）点击爬虫按钮开始 debug 状态。

![021512586938863.png][]

4）浏览器会开始弹窗等待调试会话，按 F7 便可逐行进行断点调试，再也不需要 echo 或者 print 这样繁琐的打印调试了。

![021555561154346.png][]

五、总结

1）端口号设置一定要相同，如：Xdebug Port、HTTP Port。

2）IDE Key 设置也一定要相同。

3）有一点我也没有弄清楚，就是 PhpStorm 在 debug 模式下生成的文件(在 /bin/debug 虚拟目录中)，总会提示要求做 path mappings，但其实项目的源文件就在 Web 的根目录下，非 remote debug 模式无需做 path mappings，不知是什么原因一直 warning，十分不爽。

![021714390839419.png][]

4）关于 PhpStorm 使用的快捷键、git/svn 版本控制、配置 FTP 服务等等使用技巧，因为目前本博各个系列文章刚刚起步，正在拼命撰写当中，也许未来某天考虑写一篇全程指南教程，先看看本文的反响如何再说吧。

5）对于 Unix/Linux 感兴趣的程序员，我建议下载源代码，自己来编译安装，加深对 Apache、PHP 和 MySQL 模块的认识。

[PHP]: http://www.cnblogs.com/lishiyun19/p/4297791.html
[Zend Studio]: http://www.zend.com/en/products/studio
[PhpStorm]: http://www.jetbrains.com/phpstorm/?fromMenu
[Xdebug]: http://xdebug.org/
[jetBrains]: http://www.jetbrains.com/
[XAMPP]: https://www.apachefriends.org/zh_cn/index.html
[Apache]: http://www.apache.org/
[MySQL]: http://www.mysql.com/
[PHP 1]: http://php.net/
[PERL]: http://www.perl.org/
[IntelliJ IDEA]: http://www.jetbrains.com/idea/?fromMenu
[011631172248056.png]: /images/20220612/4f5de7b0f4024d869423c8b713e0c295.png
[011629011155271.png]: /images/20220612/79488f58cc2447a3871d7aab9fe94685.png
[011632280219361.png]: /images/20220612/d1f39b98a8a34db9ba23db9cf6b2c692.png
[011639405689180.png]: /images/20220612/d809be6bd92949eb8b49efc1c7c3b63e.png
[011644235361700.png]: /images/20220612/0d0e18bf4efe4df5985c9eb0c1c234bd.png
[011646006304970.png]: /images/20220612/bc51a63c385b4a4e81144b50de827ac1.png
[011645156778704.png]: /images/20220612/95db544f317b4f61a7af9571e549ab58.png
[020901485832641.png]: /images/20220612/4441d81a444d4d2ab60ae67dab3d3914.png
[PHPDoc]: http://zh.wikipedia.org/wiki/PHPDoc
[020918204113132.png]: /images/20220612/1294f3810c024b208c8395a6c8cfea79.png
[020904273332809.png]: /images/20220612/d2f362fedd89400bb2a2b1dee8372b59.png
[020908580215180.png]: /images/20220612/26dfee8c55ca4e1e9239185d71e08144.png
[020953270365179.png]: /images/20220612/6df4a5881b814215ab1494052ded26e7.png
[JetBrains IDE Support]: https://chrome.google.com/webstore/search/JetBrains?utm_source=chrome-ntp-icon
[021016419437027.png]: /images/20220612/55f4ace333f746b09a216c0659349fae.png
[021635410835959.png]: /images/20220612/5fa4983939d64a6fa717c7716a89b3c4.png
[021508406307770.png]: /images/20220612/d813e8270f7047ac895da26a83338300.png
[021515598498886.png]: /images/20220612/76891d4026dd4cd8a4c5c45327057927.png
[021512586938863.png]: /images/20220612/1f158a55086146819c6b7ca4c10d98bc.png
[021555561154346.png]: /images/20220612/a34171335f3349f28b0b5ab8efb3f517.png
[021714390839419.png]: /images/20220612/0eef02d69627493784a380b2a6ff0969.png