虽然HTML5是前端的东西，但好的前端工程师，基本的后端知识也是要有的，今天刚开始学习HTML5，把如何配置虚拟主机，更换项目预览地址做出说明！

一、安装WAMP集成环境

二、启动Apache服务器

三、修改C:\wamp\bin\apache\apache2.4.9\conf\https.conf文件（前提：我的wamp是安装在C盘下的）

将大概230行左右：

DocumentRoot "C:\wamp\www"（此为默认的localhost目录）

修改为：

DocumentRoot "D:\www\Web1"（D:\www\Web1是我的项目将要存放的目录）

为目录配置权限，修改点如下：

（大概240行左右，将之前的全部注释上，将下面的复制进去即可）

Options FollowSymLinks

AllowOverride None

Order deny,allow

Allow from all

Satisfy all

（大概255行，将期间全部注释上，将下面的复制进去即可）

Options Indexes FollowSymLinks

AllowOverride all

Order Deny,Allow

Allow from all

四、将Include conf/extra/httpd-vhosts.conf（大概在521行）前面的#去掉，表示引入httpd-vhosts.conf文件

五、打开C:\wamp\bin\apache\apache2.4.9\conf\extra\ httpd-vhosts.conf文件

将虚拟主机的配置写完，如下：

ServerAdmin webmaster@dummy-host.example.com

DocumentRoot "D:\www\Web1" （本地项目保存路径）

ServerName localhost （该项目绑定的域名）

ServerAlias www.dummy-host.example.com （该部分一般是与域名一致）

ErrorLog "logs/dummy-host.example.com-error.log" （该部分一般是与域名一致，打印log文件，为了区分是哪个项目的log文件）

CustomLog "logs/dummy-host.example.com-access.log" common（同上）

说明： 如果想要添加多个虚拟主机，则只需要将上面部分复制后，修改DocumentRoot、ServerName即可（当然DocumentRoot是项目保存在本地的路径；ServerName是该项目想要绑定的域名）

六、映射IP地址

修改C:\Windows\System32\drivers\etc\hosts文件，在文件最下面增加IP映射

127.0.0.1 localhost

127.12.13.14 www.****.com（将域名跟IP对应上即可）

七、以上全部配置完成后，重启Apache服务器即可

八、此时直接在浏览器中输入localhost，即可