2020最新版：wampserver安装与配置和PHP在VScode上的配置以及互通[淌过许多老版的坑]

WampServer就是Windows Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。

---

本文主要分为wamp下载，PHP配置和wamp配置三个方面

---

1. 下载

1.1 下载路径

官方下载地址

1.2 点击下载

1.3 下载步骤（除了如图几个改动【可选择】，其他全next即可）

---

2. 配置

2.1 环境变量

1、计算机右键属性->高级系统设置

2、添加环境变量

环境变量 -> path -> 编辑 -> “之前的php安装路径”

2.2 更改两个起始路径（方便后续操作）

1、默认浏览器改为Chrome（可自行下载）

打开   G:/wamp64/wampmanager.conf  ,将其中的navigator字段改为Chrome路径（如下图）

2、默认编辑器改为notepad++（可自行下载）

打开     G:/wamp64/wampmanager.conf  ,将其中的edit字段改为notepad++路径（如下图）

2.3 VScode配置PHP

1、file->preference->settings

2、搜索php点击settings.json

3、将路径改为php.exe的路径

4、配置launch.json

First: 先按图中顺序打开launch.json

Second: 将端口号改为8080或其他

2.4 安装PHP所需插件

PHP Debug                                           配合php扩展Xdebug使用
open in browser                                     前端快速的打开浏览器
Bracket Pair Colorrizer                             用来区分括号
PHP DocBlocker                                      用于函数,类的快速注释
PHP Intelephense PHP                                智能感知
PHP Intellisense PHP                                智能感知，两个都下
Path Intellisense                                   路径感知
PHP Namespace Resolver Namespace                    选中类,按ctrl+alt+I
TODO Hightlight                                     高亮关键词 TODO: FIXME:
Settings Sync                                       同步扩展配置用的

---

3. wamp配置

多个地方修改，顺序不分前后（经过多次验证，2020版本适用）
---------------------------------------------------------------------------
【需要用notepad++打开，切记！！！！！！！！切记！！！！！！！！！否则无法修改】
---------------------------------------------------------------------------

3.1 进入C:\Windows\System32\drivers\etc\hosts

---------------在最后替换为如下格式：

# End of section
127.0.0.1 localhost
127.0.0.1 ‘自己定义的网址’

3.2 进入G:\wamp64\bin\apache\apache2.4.46\conf\httpd.conf

----------------69行左右更改端口号如下：

#Listen 12.34.56.78:8080
Listen 0.0.0.0:8080
Listen [::0]:8080

3.3 进入G:\wamp64\wampmanager.tpl

----------------Ctrl+f查找 //localhost ,选择全部替换，并替换为//localhost:8080
作者总结得最方便的做法！！！！！！！！！！！！！！！！！！！！！【不会有遗漏，也不会多选，放心】

3.4 进入G:\wamp64\bin\apache\apache2.4.46\conf\extra\httpd-vhosts.conf

增加如下代码：(r如果有缺失请按照所给例子更改）

<VirtualHost *:8080>
  ServerName ‘上面3.1自己定义的网址’
  ServerAlias localhost
  DocumentRoot "${INSTALL_DIR}/www"
  <Directory "${INSTALL_DIR}/www/">
    Options +Indexes +Includes +FollowSymLinks +MultiViews
    AllowOverride All
    Require local
  </Directory>
</VirtualHost>

3.5 进入G:\wamp64\wampmanager.ini

参见3.3的步骤！！！！！！！！！！！！！！方便快捷、一定要！！！！！

---

4. 验证

4.1 打开wamp左键启动所有服务，图标变绿即正常

如果不变绿按下列步骤更新Apache

4.2 PHP与wamp验证

1、左键wamp点击www文件夹，创建一个test.php并用vscode打开，写一个简单的代码

<?php
$a = 'hello-world';
echo $a;
?>

2、开启调试，右键空白处点击PHP server：server project

3、结果会出来一个网页即正常“hello-world"

4、wamp使用验证

First：左键点击localhost出现如下界面：

Second：左键点击PHPMyAdmin出现如下界面：

有关后续实验包括Mysql使用、服务器应用和（如果有问题后续解释）请见后续文章。