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

发布时间：2024年01月12日

使用的工具：

1、系统版本

在这里插入图片描述

2、vs code code

在这里插入图片描述

3、phpstudy_pro

在这里插入图片描述

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

1、vs code下载

点击vs code官网下载
选择对应的版本，一般电脑会自动识别对应的版本，点击下载，然后傻瓜式安装！
在这里插入图片描述

2、vs code 的插件安装

点击下面的图标，扩展
在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

继续搜索“PHP”，安装“PHP Debug”和“PHP Intelephense”插件
在这里插入图片描述

3、用vs code打开文件夹

选择资源管理器，并发开一个自定义的文件夹
在这里插入图片描述

如图所示
在这里插入图片描述

二、下载并配置PHP_study

1、下载phpstudy

官网下载链接
选择“Mac版”
在这里插入图片描述

点击图标打开
在这里插入图片描述

2、配置phpstudy

2.1 设置一键启动
安装之后打开，如图点击启点击“WNMP”，设置一键启动
在这里插入图片描述

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

在这里插入图片描述

2.2、启动apache和mysql

点击“启动”

在这里插入图片描述

显示信息如下：
在这里插入图片描述

2.3、下载PHP

下载PHP，任意一个版本就行
在这里插入图片描述

2.4、设置PHP
点击“设置”，“扩展组件”，打开“OP Cache缓存优化PH P组件”
在这里插入图片描述

2.5、 网站建立

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

接下来我们创建新的网站

我们回到vs code code，复制一个文件夹路径作为我们新建网站的根目录
鼠标右键点击我们打开的文件夹，然后点击“复制路径”
在这里插入图片描述

回到phpstudy

点击“新建网站”
在这里插入图片描述

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

在这里插入图片描述

三、我的第一个网页

1、创建文件

在刚才打开的vs code 的目录下，创建一个后缀名为“.php”的文件
在这里插入图片描述
在这里插入图片描述

2、写代码

写入PHP的代码

<?php
echo "Hello World";
?>

3、在浏览器运行

打开一个浏览器，（推荐Chrome浏览器，因为运行快）
在网址的地方输入：localhost:3000/1.php，输出结果如下
!在这里插入图片描述

文章来源:https://blog.csdn.net/m0_58352785/article/details/135522654
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章