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

使用的工具:

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 复制代码
<?php
echo "Hello World";
?>

3、在浏览器运行

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

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

!

相关推荐
2401_853448231 天前
K210环境搭建(VsCode)
vscode·踩坑·k210环境搭建
祎直向前1 天前
重装Ubuntu之后重连VSCode
linux·vscode·ubuntu
我命由我123451 天前
VSCode - VSCode 修改文件树缩进
前端·ide·vscode·前端框架·编辑器·html·js
郑州光合科技余经理1 天前
基于PHP:海外版同城O2O系统多语言源码解决方案
java·开发语言·git·spring cloud·uni-app·php·uniapp
white-persist1 天前
VSCode 快捷键大全:从设计理念到场景化高效运用(详细解析)(文章末尾有vim快捷键大全)
linux·ide·vscode·python·编辑器·系统安全·vim
我命由我123451 天前
VSCode - VSCode 颜色值快速转换
前端·ide·vscode·前端框架·编辑器·html·js
雾蓝回针1 天前
[全网首发]解决Parallels Desktop运行“第五人格“时 使用涂鸦/快捷发言会导致视角偏移的问题
笔记·macos
Q_Q19632884751 天前
python+django/flask+vue的多媒体素材管理系统
spring boot·python·django·flask·node.js·php
BD_Marathon1 天前
【JavaWeb】VsCode中快速生成HTML5模板
ide·vscode·html5
网安老伯1 天前
什么是网络安全?网络安全包括哪几个方面?学完能做一名黑客吗?
linux·数据库·python·web安全·网络安全·php·xss