前端開發集成環境-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"
<Directory "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文件，查找<Directory /> 將原本
Ⅱ、在一些完善的項目中，把虛擬域名指定向該項目文件夾時，出現Internal Server Error”錯誤；
后來找了一些資料，誤打誤撞的修復了，主要原因是項目中含有.htaccess的重定向文件，默認的刪除之后就能正常打開虛擬域名，不是很懂PHP所以無法解釋這個原因；
2017.03.22補充：
關於上面提到的.htaccess文件導致的Internal Server Error”錯誤，解決辦法：
打開httpd.conf文件（方法同上），在之前我們修改的 <Directory/>中添加 AllowOverride All 形成如下：
詳細的問題講解請查看 如何讓apache支持.htaccess 解決Internal Server Error The server …錯誤
總結：XAMPP相對於wamp可能更簡潔一點，但是沒有wamp圖形工具那么容易上手，但對於前端來說，能基本的使用就達到要求了，以上是本人的安裝很實用過程，大多數的問題也都是網上查看大牛博客的，在這只為記錄自己踩過的坑；