一、安装 VS Code

VS Code 官网:Visual Studio Code - Code Editing. Redefined

二、创建根目录

① 在 D 盘创建 www 文件夹,用于存放项目的根目录

② 在 www 文件夹中创建一个 index.html 文件

③ 在 index.html 文件中随意编写几行代码

三、下载安装并配置 Apache

下载 Apache

Apache 官网:Welcome! - The Apache HTTP Server Project

安装 Apache

① 创建一个 Apache2.4 文件夹,用于安装 Apache

提示:不一定要创建在 Software 目录下

② 安装 Visual C++ 应用程序

③ 解压 Apache 压缩包并复制里面的 Apache24 文件夹内的所有文件,并粘贴到创建的 Apache2.4 文件夹中

配置 Apache

① 使用 VS Code 打开 httpd.conf 配置文件

② 对 httpd.conf 配置文件进行修改

配置项

说明

ServerRoot "${SRVROOT}"

服务器的根目录

Listen 80

服务器监听的端口号,例如80、8080

LoadModule

需要加载的模块

ServerAdmin admin@example.com

服务器管理员的邮箱地址

ServerName www.example.com:80

服务器的域名

DocumentRoot "${SRVROOT}/htdocs"

网站根目录

ErrorLog "logs/error.log"

用于记录错误日志

③ 下载 Apache 服务

命令:httpd -k install -n Apache2.4

注意点:① 命令行窗口必须使用管理员身份打开 ② 必须在 Apache 目录内的 bin 文件夹下执行

④ 在浏览器地址栏中输入“localhost:80”

四、安装 PHP

为什么需要安装 PHP?

用于解析和执行 PHP 脚本代码

安装 PHP 操作步骤

① 下载 PHP 压缩包

PHP 官网:PHP: Hypertext Preprocessor

② 创建用于安装 PHP 的文件夹目录

③ 将压缩包内的所有文件复制到创建的 PHP8.4.3 文件夹内

配置 PHP

① 复制 php.ini-development 文件并重命名为 php.ini,将此文件作为 php 配置文件

② 使用 VS Code 打开 php.ini 配置文件

③ 配置 PHP 扩展

④ 配置 PHP 时区

④ 再次打开 httpd.conf 配置文件

将以下代码添加到 loalModule 部分的最底部

LoadModule php_module "D:/Software/php8.4.3/php8apache2_4.dll"
<FilesMatch "\.php$">
    setHandler application/x-httpd-php
</FilesMatch>
PHPIniDir "D:/Software/php8.4.3"
LoadFile "D:/Software/php8.4.3/libssh2.dll"

⑤ 配置索引页        提示:在 httpd.conf 文件中

⑥ 重新启动 Apache 服务

⑦ 使用 VS Code 打开 Apache2.4 目录下的 htdocs 文件夹

⑧ 在 htdocs 文件夹下创建 test.php 测试文件

⑨ 在浏览器地址栏输入“localhost/test.php”,查看运行结果

五、配置虚拟主机(可选)

为什么要配置虚拟主机?

        同时开发多个项目时,为了多个项目都能同时被管理,则需要配置虚拟主机

        虚拟主机:能够实现一台服务器管理多个项目,每个项目都有独立的域名和目录文件夹

配置 Apache 虚拟主机

        作用:可以实现通过域名访问指定项目

① 通过管理员身份打开命令行窗口

        命令:notepad C:\Windows\System32\drivers\etc\hosts

② 在 host 配置文件中配置 域名 与 IP地址的映射关系

③ 在 httpd.conf 配置文件中搜索 httpd-vhost

④ 在 httpd-vhosts.conf 添加 localhost 和 www.php.study 虚拟主机

⑤ 重新启动 Apache 服务

⑥ 在 htdocs 文件夹下创建 study/index.html 文件

⑦ 访问文件

六、设置目录访问权限(可选)

设置目录访问权限作用

        可以对不同的虚拟主机所管理的目录进行访问权限设置

Apache 常用的权限指令

指令

作用

常见可选值

AllowOverride

指定是否允许读取分布式配置文件

None:不允许读取分布式配置文件

All:允许读取分布式配置文件

Require

指定访问目录的权限

all granted:允许所有访问

all denied:阻止所有访问

local:允许本地访问

Options

指定目录的选项和功能

Indexes:目录浏览功能

FollowSymLinks:使用符号链接

设置目录访问权限的方式

① 通过 httpd.conf 配置文件设置

② 通过分布式配置文件设置

操作步骤(httpd.conf 配置文件下使用)

① 打开 httpd.conf 配置文件

② 在配置文件中搜索“Directory”

Logo

一站式 AI 云服务平台

更多推荐