前端开发集成环境-XAMPP
在前端开发中，经常需要进行请求的调试等都需要一个服务器环境，这时类似wamp、XAMPP就是我们最后的选择，集成apache、php、mysql等一应俱全，不需要去单独配置，美滋滋。。之前的工作中，一直使用的是wamp，很傻瓜式的使用，安装完成后就直接在c盘的www文件夹中开发，也一直很够用，图形化界面比较友好，直达最近的项目中，配置一个项目需要php5.0以上，mysql的版本也太低，这时候就尴尬了，找了好多地方都没能成功升级，所以只能放弃，这时同事跟我推荐了XAMPP，那就用来试试；
1、首先卸载类似wamp集成环境的软件
主要防止一些默认端口冲突，当然厉害的也可以自己修改端口号。
2、安装
傻瓜式安装，一路下来，选择自己的安装目录
3、启动
这时候出现图上红字提示，说明端口被占用，可以使用命令行 netstat -ano 查看端口使用情况，当然我们直接修改XAMPP中apache的默认端口和SSL端口
4、端口修改
点击apache中的config按钮，打开①httpd.conf，将文件中的80改为你要设置的默认端口号，比如8080，共3处， 打开②httpd-ssl.conf将默认的443全部改为4433或你喜欢的，总共4处，修改后保存，并启动Apache，
出现端口号，且显示绿色就为启动成功；
如果mysql无法启动，则可以修改默认端口号，打开下图文件，修改默认端口3306,（改为其他端口）
5、修改localhost默认路径
打开apache→config→httpd.conf，找到
DocumentRoot "D:\wamp\ETshop\dist\Webroot"
修改成你希望的指定路径；
6、多虚拟目录域名设置
不想频繁的修改localhost默认指向，希望能输入不同的域名转向不同的目录结构怎么办？？
①、修改本地hosts，设置你的虚拟域名
打开 C:\Windows\System32\drivers\etc 中的hosts文件，添加127.0.0.1绑定域名到本地，如下：
②、确认 httpd-vhosts.conf 是否启用
打开文件 httpd.conf（目录位于C:\xampp\apache\conf）具体看你的安装目录
找到 Include conf/extra/httpd-vhosts.conf 行，如果前面带#号，需要把#号去掉。#号代表注释
③、设置虚拟目录
打开文件 httpd-vhosts.conf (目录 C:\xampp\apache\conf\extra)具体看你的安装目录
新增虚拟目录，指定域名和目录之间的关系
其中 ServerName 指定虚拟目录
DocumentRoot 是虚拟目录指定的目录
注意：虚拟目录是通过 hosts文件中指定。也就是步骤一的操作。
④、一般情况下，这么设置就行了（记得重新启动Apache），但是在我这么设置的时候发生了两种错误情况：
Ⅰ 、输入虚拟域名时出现 Access forbidden！ error403错误，服务器不允许访问文件；
经过一番查找，在 http://blog.sina.com.cn/s/blog_4ed32a4001017zo2.html 找到解决办法：
打开Apache config httpd.conf文件，查找
Ⅱ、在一些完善的项目中，把虚拟域名指定向该项目文件夹时，出现Internal Server Error”错误；
后来找了一些资料，误打误撞的修复了，主要原因是项目中含有.htaccess的重定向文件，默认的删除之后就能正常打开虚拟域名，不是很懂PHP所以无法解释这个原因；
2017.03.22补充：
关于上面提到的.htaccess文件导致的Internal Server Error”错误，解决办法：
打开httpd.conf文件（方法同上），在之前我们修改的
详细的问题讲解请查看 如何让apache支持.htaccess 解决Internal Server Error The server …错误
总结：XAMPP相对于wamp可能更简洁一点，但是没有wamp图形工具那么容易上手，但对于前端来说，能基本的使用就达到要求了，以上是本人的安装很实用过程，大多数的问题也都是网上查看大牛博客的，在这只为记录自己踩过的坑；