Mac上使用phpstudy+vscode配置PHP开发环境
作者:mmseoamin日期:2024-04-01

使用的工具:

1、系统版本

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第1张

2、vs code code

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第2张

3、phpstudy_pro

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第3张

一、下载vs code code以及必要的插件

1、vs code下载

点击vs code官网下载

选择对应的版本,一般电脑会自动识别对应的版本,点击下载,然后傻瓜式安装!

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第4张

2、vs code 的插件安装

点击下面的图标,扩展

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第5张

搜索“Chinese”,然后点击“install”,等待安装

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第6张

安装完成右下角显示,点击重启

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第7张

你就得到中文版的vs code 了!!

继续搜索“PHP”,安装“PHP Debug”和“PHP Intelephense”插件

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第8张

3、用vs code打开文件夹

选择资源管理器,并发开一个自定义的文件夹

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第9张

如图所示

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第10张

二、下载并配置PHP_study

1、下载phpstudy

官网下载链接

选择“Mac版”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第11张

点击图标打开

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第3张

2、配置phpstudy

2.1 设置一键启动

安装之后打开,如图点击启点击“WNMP”,设置一键启动

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第13张

选中Apache和MySql的选项,点击“确定”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第14张

2.2、启动apache和mysql

点击“启动”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第15张

显示信息如下:

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第16张

2.3、下载PHP

下载PHP,任意一个版本就行

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第17张

2.4、设置PHP

点击“设置”,“扩展组件”,打开“OP Cache缓存优化PH P组件”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第18张

2.5、 网站建立

我们先暂停这个自带localhost的网站,因为我们需要自己重新配置一个端口号为80的网站,避免端口号冲突,依次点击“网站”,“管理”,“停止”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第19张

接下来我们创建新的网站

我们回到vs code code,复制一个文件夹路径作为我们新建网站的根目录

鼠标右键点击我们打开的文件夹,然后点击“复制路径”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第20张

回到phpstudy

点击“新建网站”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第21张

输入一个自定义的域名(建议还是用localhost,因为在电脑的/etc/host文件中有配置),将刚才复制的路径粘贴进“根目录”,再点击“确认”

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第22张

三、我的第一个网页

1、创建文件

在刚才打开的vs code 的目录下,创建一个后缀名为“.php”的文件

在这里插入图片描述

Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第23张

2、写代码

写入PHP的代码


3、在浏览器运行

打开一个浏览器,(推荐Chrome浏览器,因为运行快)

在网址的地方输入:localhost:3000/1.php,输出结果如下

!Mac上使用phpstudy+vscode配置PHP开发环境,在这里插入图片描述,第24张