在架設(shè)網(wǎng)站之前需要先有個(gè)伺服器來(lái)存放寫好的網(wǎng)頁(yè)。
XAMPP是整合Apache、MySQL、PHP、Perl的整合型開發(fā)伺服器，可以配合VSCode使用，功能強(qiáng)大且安裝簡(jiǎn)單，故選擇此軟體作為架設(shè)工具。
跟著安裝即可，安裝路徑需避免中文字元。
安裝後的頁(yè)面如圖，要架設(shè)伺服器只需要用到Apache模組。
成功連線會(huì)呈現(xiàn)綠色，這時(shí)候在網(wǎng)址列輸入http://localhost可以確認(rèn)是否連線上。
如果失敗前方的框會(huì)顯示X，不過由於沒有實(shí)際經(jīng)歷過，這裡也沒辦法介紹或解釋。
成功連線會(huì)看到預(yù)設(shè)的首頁(yè)如圖，否則將呈現(xiàn)找不到頁(yè)面。
XAMPP的預(yù)設(shè)路徑為其底下的htdocs資料夾，而php會(huì)默認(rèn)index.php為首頁(yè)。
先建立一個(gè)測(cè)試用的php檔，命名為test.php，並鍵入下方程式。
| <?php phpinfo(); ?> |
接著網(wǎng)址打上http://localhost/test.php，可以看到php的資訊頁(yè)面。
localhost可以讀取到根目錄，斜線後面可以指定瀏覽的頁(yè)面或是資料夾。
為了在VSCODE裡面執(zhí)行Debug作業(yè)，需要使用到另一個(gè)叫做XDebug的插件。
打開後會(huì)是這樣的畫面。
將剛才test.php頁(yè)面ctrl+A全選複製，並在框框中貼上，然後點(diǎn)下分析。
下方會(huì)顯示安裝步驟，照著步驟下載，然後將檔案移到第二點(diǎn)所說(shuō)的位址。
第三步則要改成輸入
zend_extension = C:/xampp/php/ext/php_xdebug-2.5.4-5.6-vc11.dll
[XDebug]
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
最後重新啟動(dòng)一次Apache，並重整test.php。
在頁(yè)面上看到這個(gè)就表示安裝成功了。
VSCODE的安裝步驟這裡先省略(懶)。
更改XAMPP的預(yù)設(shè)根目錄
打開C:\xampp\apache\conf\httpd.conf，找到DocumentRoot即可更改路徑。
注意要把路經(jīng)中的 \ 改成 / ，原理沒有考究，不過重新部署的時(shí)候因?yàn)檫@個(gè)問題導(dǎo)致連不到路徑orz
