windows下搭建apache+php+mysql+vscode环境最详细教程

本文详细介绍了如何在本地计算机上搭建完整的PHP开发环境,包括Apache、PHP、VsCode、MySql的下载、安装及配置过程。同时,还提供了WampServer和XAMPP两种服务器组件的简介。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

查看配置的时候看了好多个链接,很多都是复制的,所以按照教程配置好之后,总是会缺点什么。所以,我把我配置的完整过程记录下来,与君共享。

 

下面是分别下载apache,php,VsCode,MySql

 

1.下载apache

这是windows下的几个版本,选择你需要的。下面截图红色框是我选择的。

http://httpd.apache.org/docs/current/platform/windows.html#down

如果你需要我选择的版本,直接跳转到https://www.apachehaus.com/cgi-bin/download.plx

如果你也安装了IIS,同样作为web服务器,同样默认端口号是80,所以,你的apache端口需要修改,443端口最好也改。

a. 找到文件D:\wamp\apache\Apache24\conf\httpd.conf,查找80,全部替换成 8080(可以自己定义)。

b. 找到文件D:\wamp\apache\Apache24\conf\extra\httpd-ssl.conf,查找443,全部替换成 6443(可以自己定义)。

然后打开cmd 在D:\wamp\apache\Apache24\bin目录下,

httpd -k install 

httpd -k start 

打开127.0.0.1:8080出现apache信息界面就是成功了,如果localhost:8080无法打开,可以看看https://blog.youkuaiyun.com/u014095878/article/details/107036701

出现问题的时候,需要httpd -k restart 重启apache服务

 

2.下载PHP

https://www.php.net/downloads。选择你需要的版本。

我选择的版本是64位系统,线程安全的:https://windows.php.net/downloads/releases/php-7.4.7-Win32-vc15-x64.zip

第二个图片的左边有解释。

如果要让apache可以解析PHP,需要配置相关文件:

1. 打开文件D:\wamp\apache\Apache24\conf\httpd.conf,注意下面的地址要换成自己的PHP存放地址

#修改默认索引以支持PHP
DirectoryIndex index.php index.html index.htm 
#开启rewrite功能
LoadModule rewrite_module modules/mod_rewrite.so
LoadModule php7_module D:/wamp/php/php7apache2_4.dll
<IfModule php7_module> 
    PHPIniDir "D:/wamp/php" 
    AddType application/x-httpd-php .php
    AddType application/x-httpd-php-source .phps
</IfModule>
<IfModule unixd_module>

2. 打开D:\wamp\php目录,复制php.ini-development文件,改为php.ini

3.下载VsCode

https://code.visualstudio.com/Download

现在我们打开Vscode,在E:盘 新建php_project文件夹专门存放php项目,新建php_demo作为项目名称。(因为vscode不能创建项目,只能打开文件夹或者新建文件。),文件->打开文件夹->选择php_demo,新建info.php文件。当然我们还要安装PHP插件

PHP Debug / PHP DocBlocker / PHP Intelephense / PHP IntelliSense这4个是VsCode支持的扩展插件

在VsCode运行PHP代码还差一个插件XDebug,这个是需要另外下载的,VsCode扩展没有的

下载插件XDebug

https://xdebug.org/download

需要下载跟你PHP版本匹配的,还记得我们下载的是线程安全的版本吗?所以这里选择带TS标志的,下载之后是一个php_xdebug-2.9.6-7.4-vc15-x86_64.dll文件,放在D:\wamp\php\ext目录下。

下面来配置PHP插件,打开D:\wamp\php目录,找到php.ini文件,添加下面部分,记得改为自己的地址

[Xdebug]
zend_extension = D:/wamp/php/ext/php_xdebug-2.9.6-7.4-vc15-x86_64.dll
 
;是否开启远程调试自动启动
xdebug.remote_autostart= on
;是否开启远程调试
xdebug.remote_enable= 1
;允许调试的客户端IP,即调试的phpstorm主机所在地址
xdebug.remote_host="localhost"    
;远程调试的端口(默认9000)远程调试开启的端口
xdebug.remote_port=9000               
;调试插件dbgp
xdebug.remote_handler="dbgp"

插件配置完毕,我们来查看是否成功

打开D:\wamp\apache\Apache24\htdocs目录,新建index.php,里面打印phpinfo

打开127.0.0.1:8080/index.php,显示phpinfo信息,里面有XDebug信息,插件就配置成功了。记得先重启Apache再打开。

运行代码配置

1.settings.json.文件->首选项->设置,选择在settings.json编辑,添加下面部分

"php.executablePath": "D:/wamp/php/php.exe",
"php.validate.executablePath": "D:/wamp/php/php.exe"

2.launch.json文件。点击侧边栏的爬虫按钮,再点击设置图标按钮,会自动打开launch.json文件,配置调试信息,添加下面部分。

"configurations": [
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd":"${fileDirname}",
            "runtimeExecutable": "D:/wamp/php/php.exe",
            "port": 9000
        },
        {
            "type": "php",
            "request": "launch",
            "name": "Listen for Xdebug",
            "port": 9000
        }
    ]

3.菜单选择运行->启动调试,然后选择Launch currently open script,点击左边绿色的运行,下面控制台成功显示打印信息。

4.下载MySql

https://dev.mysql.com/downloads/mysql/

下载完后,我们将 zip 包解压到相应的目录,这里我将解压后的文件夹放在 D:\wamp\mysql-8.0.20-winx64 下。

有些人在官网其他地址下载的是mysql-installer-community-8.0.20.0.msi文件,这个是软件管理系统,可以选择很多mysql相关程序安装,占内存,一下就没了几个G,还默认在C盘没得选择,在安装的时候还有一两个失败的。所以我卸载了,重新下载了zip包,这个很简单。

接下来我们需要配置下 MySQL 的配置文件

打开刚刚解压的文件夹  D:\wamp\mysql-8.0.20-winx64,在该文件夹下创建 my.ini 配置文件,编辑 my.ini 配置以下基本信息:

[client]
# 设置mysql客户端默认字符集
default-character-set=utf8
 
[mysqld]
# 设置3306端口
port = 3306
# 设置mysql的安装目录
basedir=C:\\web\\mysql-8.0.11
# 设置 mysql数据库的数据的存放目录,MySQL 8+ 不需要以下配置,系统自己生成即可,否则有可能报错
# datadir=C:\\web\\sqldata
# 允许最大连接数
max_connections=20
# 服务端使用的字符集默认为8比特编码的latin1字符集
character-set-server=utf8
# 创建新表时将使用的默认存储引擎
default-storage-engine=INNODB

接下来我们来启动下 MySQL 数据库:

以管理员身份打开 cmd 命令行工具,切换目录:

cd D:\wamp\mysql-8.0.20-winx64\bin

初始化数据库:

mysqld --initialize --console

执行完成后,会输出 root 用户的初始默认密码,如:

...
2018-04-20T02:35:05.464644Z 5 [Note] [MY-010454] [Server] A temporary password is generated for root@localhost: APWCY5ws&hjQ
...

APWCY5ws&hjQ 就是初始密码,后续登录需要用到,你也可以在登陆后修改密码。

输入以下安装命令:

mysqld install

启动输入以下命令即可:

net start mysql

然后开始登陆

mysql -u root -p

按回车确认, 如果安装正确且 MySQL 正在运行, 会得到以下响应:

Enter password:

输入上面的初始密码即可

mysql是默认的DATABASE名。

输入 use mysql

报错,一定要你修改初始密码、

按照下面修改即可。

alter user

'root'@'localhost' identified by '123456';

修改好之后刷新:   flush privileges;

MySql数据库可以正常使用了。

接下来我们在VsCode中的PHP怎么使用MySql呢

1.修改php.ini 文件。

a. 添加路径 extension_dir = D:/wamp/php/ext

b.取消下面两行的注释(;分号是注释)

extension=mysqli

extension=pdo_mysql

 

有些人看到很多教程,觉得很奇怪,为什么我的php.ini里没有extension=php_mysql.dll等等文件。

因为听说PHP7.4不支持php_mysql插件了,而PHP自带mysqli和pdo_mysql插件,只要把这个注释去掉就行,而且不知道是不是最新版的原因 extension=mysqli后面不再添加.dll后缀了。

而VsCode也不必再安装Mysql,Mysql_syntax扩展插件。

下面在VsCode连接MySql数据库

<?php
$servername = "localhost";
$username = "root";
$password = "123456";

// 创建连接
$conn = new mysqli($servername, $username, $password);
// Check connection
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
echo "连接成功";

// 创建数据库
$sql = "CREATE DATABASE myTestPhpDB";
if ($conn->query($sql) === TRUE) {
    echo "数据库创建成功";
} else {
    echo "Error creating database: " . $conn->error;
}
 
$conn->close();
?>

创建数据库myTestPhpDB成功

下面在myTestPhpDB数据库里创建表MyGuests

<?php
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "myTestPhpDB";

// 创建连接
$conn = new mysqli($servername, $username, $password,$dbname);
// Check connection
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
echo "连接成功";
// 使用 sql 创建数据表
$sql = "CREATE TABLE MyGuests (
	id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, 
	firstname VARCHAR(30) NOT NULL,
	lastname VARCHAR(30) NOT NULL,
	email VARCHAR(50),
	reg_date TIMESTAMP
	)";
	 
if (mysqli_query($conn, $sql)) {
	echo "数据表 MyGuests 创建成功";
} else {
	echo "创建数据表错误: " . mysqli_error($conn);
}
	
mysqli_close($conn);
?>

然后我们到cmd窗口去查询创建的数据库和表

 

 

如果你不想这么麻烦,就用服务器组件,它已经包含了 PHP、Apache、Mysql 等服务,免去了开发人员将时间花费在繁琐的配置环境过程。下面有两种服务器组件:

WampServer

WampServer只支持 Windows 系统,下载地址:http://www.wampserver.com/,支持32位和64位系统,根据自己的系统选择版本。WampServer 安装也简单,你只需要一直点击 "Next" 就可以完成安装了。

XAMPP

XAMPP 支持 Mac OS 和 Windows 系统,下载地址:https://www.apachefriends.org/zh_cn/index.html

<think>嗯,用户的问题是关于如何在VSCode中配置PHP开发环境并集成Apache服务器的。首先,我需要回顾一下之前提供的引用内容,看看有没有相关的步骤可以参考。引用[1]提到在Windows 11上搭建PHP+Apache+MySQL环境,并提到用cmd检查PHP版本。引用[2]和[3]都提到了VSCode的配置,特别是引用[3]详细说明了VSCode配置WampServer和PHP路径的部分。 用户可能已经安装了PHPApache,但不确定如何将它们与VSCode集成。需要分步骤指导:首先安装必要的软件,比如PHPApacheVSCode和相关扩展。然后配置Apache服务器,确保PHP模块已启用。接着在VSCode中安装PHP扩展,比如PHP Intelephense,配置PHP路径,设置调试环境,可能还需要配置XDebug。后,如何创建项目并运行测试。 需要注意的细节包括:PHPApache的版本兼容性,配置文件的位置(如httpd.conf),如何修改DocumentRoot和Directory指令指向项目目录,以及如何配置php.ini。此外,VSCode的调试配置可能需要生成launch.json文件,并正确设置路径。 可能的问题点:用户可能遇到Apache无法启动的问题,比如端口冲突或模块加载失败。需要提示用户检查错误日志,确认PHP模块是否正确加载,以及路径是否正确。另外,调试配置可能需要额外扩展,如XDebug,需要指导用户安装和配置。 还要考虑用户是否使用集成的服务器环境如WampServer或XAMPP,或者单独安装的ApachePHP。引用[3]提到使用WampServer,但用户的问题是关于集成Apache,可能需要针对单独安装的情况进行说明。不过,无论是集成环境还是独立安装,配置ApacheVSCode的步骤类似,主要区别在于路径设置。 后,生成相关问题需要考虑用户可能遇到的后续问题,例如调试技巧、优化开发流程、结合数据库或前端框架等。</think>### 分步解答:配置VSCode支持PHP开发并集成Apache服务器 --- #### **1. 安装必要组件** - **PHP安装** 从[PHP官网](https://windows.php.net/download)下载Windows版本,解压到`C:\PHP`(路径不要含空格或中文)[^1]。 验证安装:命令行输入 `php -v`,显示版本信息即成功。 - **Apache安装** 从[Apache Haus](https://www.apachehaus.com/cgi-bin/download.plx)下载对应版本,解压到`C:\Apache24`。 配置环境变量:将`C:\Apache24\bin`加入系统`Path`变量。 - **VSCode安装** 下载并安装[VSCode](https://code.visualstudio.com/),安装扩展: - `PHP Intelephense`(代码提示) - `XDebug`(调试支持)[^2] --- #### **2. 配置Apache支持PHP** 1. 修改`httpd.conf`(路径:`C:\Apache24\conf\httpd.conf`): ```apache LoadModule php_module "C:/PHP/php8apache2_4.dll" # 根据PHP版本修改模块名 AddHandler application/x-httpd-php .php PHPIniDir "C:/PHP" ``` 2. 设置项目根目录: ```apache DocumentRoot "C:/my_php_project" <Directory "C:/my_php_project"> Options Indexes FollowSymLinks AllowOverride All Require all granted </Directory> ``` 3. 重启Apache服务: ```bash httpd -k restart ``` --- #### **3. VSCode环境配置** 1. **设置PHP路径** 打开VSCode设置(`Ctrl+,`),搜索`php.validate.executablePath`,填入`C:\PHP\php.exe`[^3]。 ![VSCode PHP路径设置示例](https://example.com/path-to-image) 2. **调试配置** 创建`.vscode/launch.json`,添加XDebug配置: ```json { "version": "0.2.0", "configurations": [ { "name": "Listen for XDebug", "type": "php", "request": "launch", "port": 9003, "pathMappings": { "/var/www/html": "${workspaceFolder}" } } ] } ``` --- #### **4. 创建测试项目** 1. 在`C:/my_php_project`下新建`index.php`: ```php <?php phpinfo(); ``` 2. 浏览器访问`http://localhost`,显示PHP信息页面即成功。 --- #### **常见问题排查** - **Apache启动失败** 检查端口占用(默认80端口),或修改`httpd.conf`中的`Listen 8080`。 确认`php_module`路径是否正确[^1]。 - **VSCode无代码提示** 重新加载窗口(`Ctrl+Shift+P` → `Reload Window`)或更新`PHP Intelephense`。 ---
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值