Mac上使用phpstudy+vscode配置PHP开发环境

使用的工具:

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开发环境_第12张图片

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的代码


echo "Hello World";
?>

3、在浏览器运行

打开一个浏览器,(推荐Chrome浏览器,因为运行快)
在网址的地方输入:localhost:3000/1.php,输出结果如下
!Mac上使用phpstudy+vscode配置PHP开发环境_第24张图片

你可能感兴趣的:(macos,vscode,php)