### 1.XAMPP官網下載安裝檔 :::success 網址連結: https://www.apachefriends.org/zh_tw/download.html ::: :::warning 收尋xampp ![1](https://hackmd.io/_uploads/r1q8a2qRa.png) ::: :::info :bulb: 建議下載非最新版(避免有不穩定的問題) ::: :::warning 點擊"更多下載" ![2](https://hackmd.io/_uploads/SkZKpn5Cp.png) ::: :::warning 我們選擇windows版本 ![3](https://hackmd.io/_uploads/rk2tph90a.png) ::: :::warning 我們選擇，我最常使用的版本 ![4](https://hackmd.io/_uploads/Hkpap29Ap.png) ::: :::warning 我們直接下載壓縮檔 ![5](https://hackmd.io/_uploads/S1ER6h906.png) ::: :::info 接下來我們還需要下載，另外一個安裝檔 ::: :::warning 我們收尋vcredist_x64 #### [vcredist_x64點擊連結](https://learn.microsoft.com/zh-tw/cpp/windows/latest-supported-vc-redist?view=msvc-170) ![6](https://hackmd.io/_uploads/S1fy02qAp.png) ::: :::warning 往下滑點選x64架構 ![7](https://hackmd.io/_uploads/ryDyA29Ca.png) ::: :::info 請依序安裝兩個檔案 ::: :::warning ![8](https://hackmd.io/_uploads/BJn1R25Rp.png) ::: :::warning 你們第一次安裝不會是這畫面，因為我已經安裝好了。 大致上就是一直"*下一步* " ![9](https://hackmd.io/_uploads/S1bl0hqRa.png) ::: :::warning 接下來是第二個壓縮檔，請解壓縮 ![10](https://hackmd.io/_uploads/H1qeRhcC6.png) ::: :::warning 這是解完壓縮的樣子 ![11](https://hackmd.io/_uploads/HkJZ0h90p.png) ::: :::warning 從資料夾中找到"setup_xampp"，打開 ![12](https://hackmd.io/_uploads/S1L-C2qCa.png) ::: :::warning 會跳出一個視窗，下面這個畫面也是參考用，因為我已經完成設定。 (基本上打開馬上就好了，之後就可以關閉) ![13](https://hackmd.io/_uploads/SynbC25Ap.png) ::: :::warning 在資料夾中找到xampp-control打開 ![14](https://hackmd.io/_uploads/Hyff02qAp.png) ::: :::warning 依序點擊打開設定檔。(會出現的是一個記事本) ![15](https://hackmd.io/_uploads/HJLMC29R6.png) ::: :::warning 因為我使用的是Notepad所以會長不一樣，但我們要做的事情一樣，請不用慌張。 依序收尋"80" ![16](https://hackmd.io/_uploads/rJazAnqRp.png) ::: :::warning 找到後改為6080 ![１７](https://hackmd.io/_uploads/rkbXC39AT.png) ::: :::warning 第二個要更改的地方 ![18](https://hackmd.io/_uploads/Bku7AnqA6.png) ::: :::warning 更改完後儲存 ![19](https://hackmd.io/_uploads/SkGVAhqRp.png) ::: :::warning 接著再點擊config ![20](https://hackmd.io/_uploads/HJK4C2cR6.png) ::: :::warning 這張圖的更改為非必要 但第一項可以選擇你Notepad++的位子，更改預設使用 第二項為更改預設瀏覽器 ![21](https://hackmd.io/_uploads/ry0E03c06.png) ::: :::warning 點選右下角選項 ![22](https://hackmd.io/_uploads/rkurA2cAT.png) ::: :::warning 接著我們設定Main Port預設為6080 這樣請程式自動打開瀏覽器，他就會幫我們連上預設的port號 ![23](https://hackmd.io/_uploads/S1ASC2c06.png) ::: :::warning 讓我們點擊start嘗試架起 ![24](https://hackmd.io/_uploads/BJrUA25Ra.png) ::: :::warning 這是成功後的畫面，接著我點擊Admin。 ![25](https://hackmd.io/_uploads/S1h8Cn50p.png) ::: :::warning 這樣顯示出畫面就代表成功了 ![26](https://hackmd.io/_uploads/SybDAhq06.png) ::: 以上就是安裝xampp的基本流程 88