m1的Mac上使用phpstudy+vs code实现前后端分离

小张不嚣张゘

已于 2023-09-20 16:02:09 修改

阅读量882

点赞数 2

文章标签： macos php

于 2023-09-13 11:36:00 首次发布

本文链接：https://blog.csdn.net/m0_73667612/article/details/132840013

版权

这条博客只有前端，目录如下

使用的工具：
一、下载vs code code以及必要的插件
二、下载并配置PHP_study
- 1、下载phpstudy
- 2、配置phpstudy
三、我的第一个网页
四、我自己容易犯错的点

使用的工具：

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、写代码

写入html和PHP的代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <table border="1">
        <tr>
            <th colspan="2"> show </th>
        </tr>
        <tr>
            <td>PHP_version</td>
            <td><?php echo PHP_VERSION; ?></td>
        </tr>
        <tr>
            <td> os_type: </td>
            <td ><?PHP echo PHP_OS; ?></td>
        </tr>
        <tr>
            <td>NOW_TIME:</td>
            <td><?php
                date_default_timezone_set("Asia/Shanghai");
                echo date("Y-m-d H:i:s"); ?>
            </td>
        </tr>
    </table>
</body>

</html>

3、在浏览器运行

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

四、我自己容易犯错的点

1、网站根目录和文件所在的路径不一致

在这里插入图片描述

解决方法：将根目录路径设置为vs code编写的代码文件所在的文件夹的路径

2、同时打开了两个的端口号为80的网站

在这里插入图片描述

解决方法：需要按照上面所述方法暂停其中一个

3、下载phpstudy会自动下载一个mysql数据库，可能会和MacBook原来的数据库冲突，导致不能使用

在这里插入图片描述

我的解决方法是：将phpstudy下载的数据库作为主要使用的数据库，记得更改数据库配置的路径

小张不嚣张゘

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
m1的Mac上使用phpstudy+vs code实现前后端分离

我们先暂停这个自带localhost的网站，因为我们需要自己重新配置一个端口号为80的网站，避免端口号冲突，依次点击“网站”，“管理”，“停止”选择对应的版本，一般电脑会自动识别对应的版本，点击下载，然后傻瓜式安装！点击“设置”，“扩展组件”，打开“OP Cache缓存优化PH P组件”在刚才打开的vs code 的目录下，创建一个后缀名为“.php”的文件。输入一个自定义的域名，将刚才复制的路径粘贴进“根目录”，再点击“确认”搜索“Chinese”，然后点击“install”，等待安装。
复制链接

扫一扫