## macos macos下有两种安装方式,推荐小白使用第一种方式,有使用虚拟机经验的伙伴们使用第二种方式。 ### 第一种普通安装方式 ![](https://img.kancloud.cn/8d/ea/8dea92fb1f0293bcc8860b277dcd6912_1027x172.png) 打开[xampp7.2.34官方下载地址](https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/7.2.34/)或[团队文件服务器 密码yunzhi.club](http://nas.yunzhi.club:5010/sharing/dTeYhY2xt)打开下载页面,点击如上链接下载。 >[info] 如果你已经安装了其它版本的XAMPP,则需要将原xampp删除后再安装教程对应版本。 ![](https://img.kancloud.cn/af/e2/afe283071c0890fc50a9406c315d0c9e_462x436.png) 下载完成后双击安装,安装成功后打开xampp: ![](https://img.kancloud.cn/ad/f3/adf3964dc6db54d107e94babae521a70_497x414.png) 到此安装界面时注意选择上所有的选项,然后继续点击next完成安装。 ![](https://img.kancloud.cn/0d/aa/0daa4615aa5b8f026c08be79bc66adf8_668x474.png) 最后点击finish完成安装,启动xampp。 ![](https://img.kancloud.cn/ff/d2/ffd2af8d579f50a6b813d313fcfb30b0_672x260.png) 当前我们仅需要Apache服务,确认其状态为Running。如果为Stopped,点击该服务后点击Start启动。 ![](https://img.kancloud.cn/9a/76/9a76eed32f6c5ef0575d4a964463c5a5_672x473.png) 点击GoGo to Application按钮后将自动启动浏览器,并显示如下界面: ![](https://img.kancloud.cn/51/ac/51acc3bd5442ff6c222ba981b4eee94a_1494x442.png) OK,至此XAMPP已成功安装,就到这里。 ### 第二种高级安装方式 点击[xampp7.2.34官方下载地址](https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/7.2.34/)或[团队文件服务器 密码yunzhi.club](http://nas.yunzhi.club:5010/sharing/dTeYhY2xt)打开下载页面,点击 ![](https://img.kancloud.cn/cb/4a/cb4ac58e12f125b2ba4ae2ca38a18ee4_1040x177.png) 后将跳转到下载页面。下载完成后双击安装,安装成功后打开xampp: ![](https://img.kancloud.cn/9e/7b/9e7bf25f82416d65b00c1c269274a9cf_418x171.png) 第一次启动将显示如下对画框,点击OK。 ![](https://img.kancloud.cn/8e/7c/8e7c463bffd3baf2db7ad19029579083_517x462.png) 点击start后耐心地等一会,该过程完成的快慢取决于电脑的性能。 ![](https://img.kancloud.cn/fa/28/fa286a1c56dd4ae8b0b9c35347160a24_467x138.png) 如上显示说明xampp基本服务已开启,接着点击Service ![](https://img.kancloud.cn/d7/1a/d71a98f5a6ac6c98b02c068e2754d91c_511x458.png) 第一次运行时,xampp将为我们自动运行相关服务。但也不排除运气不太好的情况。我们当前仅需要保证Apache正常启动即可(为绿色)。如果Apache没有自动启动,则需要按上图示手动启动。 ![](https://img.kancloud.cn/ac/60/ac603fc9aac166424520d82bc0f677ae_510x222.png) 接下来回来General。 ![](https://img.kancloud.cn/e6/b8/e6b87e27ad9a0fa2be260915df1881ee_466x264.png) 点击Go to Application将自动打开浏览器,并显示如下画面。 ![](https://img.kancloud.cn/ea/73/ea7395f4177e4b7b915970b1a480857e_1256x441.png) 没错:下载,安装,点击,一切就这么简单。 #### 停止 ![](https://img.kancloud.cn/b1/82/b1825adaa46e0b92ec6914d5a534f0a2_422x211.png) 点击Stop即可停止服务。 #### 发生了什么 本节中我们安装一款叫做XAMPP的软件,与大多数软件有所不同。该软件实际上是一个安装于我们电脑上的虚拟机: ![](https://img.kancloud.cn/26/58/26588f1bd55df3a2e394e3e4e20bf65a_329x154.png) 该虚拟机基于debian操作系统,并为我们安装好了用于php开发的php、apache,以及常用的FTP软件、数据库软件。该虚拟机通过内部创建的网络与我们当前使用的电脑相连接。在本文中,虚拟机的IP地址被设置为192.168.64.2,而我们使用的本机地址被设置为192.168.64.1。 ![](https://img.kancloud.cn/25/4f/254fe547769fb55c207851e18a473d23_550x118.png) 在访问地址`http://192.168.64.2/dashboard/`时,相当于由我们的电脑发起访问了我们电脑中虚拟机的请求。在使用过程中,我们完成可以认为虚拟机是一台真真切切的计算机,与其它计算机唯一的不同是该计算机安装到了我们当前使用的计算机之中。 #### 这么做的优势 这么做有很多优势,在此简单列举一二: 一、相较于手动的安装PHP、apache、mysql,这种双击安装、运行的方式无疑更简单。 二、规避了与当前电脑环境的冲突。比如你当前的系统中已经安装了其它版本的PHP,如果使用常规安装,势必会造成PHP版本冲突。而我们认为在学习阶段,是不应该把过多的精力投入到环境搭建当中的。 三、tp应用大多部署于liunx环境中,我们在开发阶段便使tp6运行于liunx系统的虚拟机中,这使得开发与生产环境更加贴近,避免了一些因开发与生产环境不一致带来的问题。比如:路径问题、大小写问题、权限问题等。 四、在团队开发时,团队成员可以按偏好使用macos、liunx、windows系统,因为最终各个成员均是操作的虚拟机,该虚拟机的操作系统均为debian。这使得我们在尊重团队成员系统使用偏好的前提下,还达到了统一开发环境的目的。 五、TP官方只给出了composer的安装方式,作为新手的我们对于此种方式安装还是有一定的难度的,而使用xampp这种方式明显降低了这种难度。 # 端口冲突 如果上述操作未能成功的启动xampp的apache服务,那么请继续阅读。如果已成功启动,请忽略以下内容。 如果你的计算机以前安装过其它的http软件,这很可能导致xampp无法正常启动,此时只需要更改下xampp中apache默认端口即可。 我们假设计算机的8080端口未被占用,下面介绍如何变更xampp(apache)的默认端口为8080的方法。 macos下使用虚拟机的安装方式不会面临此问题,在此仅给出使用普通安装模式的端口冲突解决方案。 ![](https://img.kancloud.cn/d4/54/d4542cc1540cec523cbbf489e22ebdb0_664x198.png) 选中Apache后点击Configure按钮 ![](https://img.kancloud.cn/b2/13/b213e582b98195d73f7ac750bade5cdb_292x277.png) 变更该80为8080或其它未使用端口后点击OK。 ![](https://img.kancloud.cn/ff/d2/ffd2af8d579f50a6b813d313fcfb30b0_672x260.png) 然后再次启动apache服务。 ![](https://img.kancloud.cn/9a/76/9a76eed32f6c5ef0575d4a964463c5a5_672x473.png) 点击Go To Application将在新端口下打开应用。 ![](https://img.kancloud.cn/19/a6/19a66720fd0163fe7ab15c440c0d2d05_1028x250.png) 需要注意的是,在学习本教程中的过程中,你需要后续给出的所有的地址上都加入端口号8080。