MAC 下 XAMPP + phpMyAdmin + Xdebug + VScode 开发环境搭建

前言

由于之前安装的 XAMPP 出现了一些 BUG ，决定卸载重装，也把相关的配置记录一下，也能给予新手一些帮助。

安装 XAMPP

卸载注意事项

或许有人认为直接将 Finder 中的 应用程序 目录下的 XAMPP 文件夹放入废纸篓即可，但其实这样直接删除会有一些进程并未关闭，导致与其关联的文件或注册表并未删除，例如，Mysql 服务器可能仍保持运行。所以在卸载 XAMPP 前需要将相关进程关闭，然后进行卸载。关闭相关进程的操作可以借鉴《How to uninstall XAMPP on Mac OS X?》。

在关闭了相关进程后，可以在 应用程序 中的 XAMPP 文件夹下找到应用程序 uninstall ，通过这个程序可以干净的卸载 XAMPP ，卸载后残留的 XAMPP 文件夹放入废纸篓即可。

版本选择

1. 之前是有试过安装 XAMPP-VM 版本的，XAMPP-VM 是 ​​OS X 的虚拟机。它包括 Apache，PHP 和其他 XAMPP 组件，并在 OS X 系统上的基于 Linux 的虚拟机中运行这些组件。

2. 但由于在虚拟机上运行不能设置访问外部文件，所以选择安装 XAMPP for OS X 7.3.1 版本，着这是 OS X 的本机安装程序。它直接在 OS X 系统的 /Applications/XAMPP 文件夹中安装 Apache，PHP 其他 XAMPP 组件。

下载与安装

打开官网连接 https://www.apachefriends.org/download.html 选择相应的 XAMPP 下载安装程序。

安装过程非常简单，其中值得注意的只有一步是选择相应的组件，不要改动供选择的两个组件，其中 XAMPP Core Files 包括了 Apache 、MySQL 、PHP ，而选择使用 XAMPP 其中一个原因就是包含了这些组件，省下了许多配置动作。这两个组件对于非 XAMPP 开发人员来说是必须的，如果少安装一个组件会导致配置起来相对麻烦些。

运行测试

打开软件启动服务器，在 Manage Servers 面板点击 Start all 启动所有服务器，直到三个 Server 状态都为绿色。如果出现 Apache 或 MySQL 无法启动，比较常见的原因是端口被占用了，可以在 Configure 中更改端口再尝试开启，当然具体情况具体分析。

当服务器都开启成功后，点击 Welcome 面板中的 Go to Application ，在浏览器中出现下面的页面，这时 XAMPP 已经可以正常运行了。

配置 XAMPP

修改 XAMPP 的默认目录

1. 首先打开文件夹路径 /Applications/XAMPP/xamppfiles/etc 找到 httpd.conf