# XAMPP安裝流程和使用教學

## 安裝流程

1. 打開Chrome，前往以下網址下載XAMPP [點此前往下載XAMPP](https://www.apachefriends.org/zh_tw/download.html)

2. 看到以下畫面，有三個版本可以下載!

*這裡筆者建議下載8.2.0版本 如果有其他版本需求，可以點擊更多下載*

3. 下載完之後，會看到以下畫面:

*這裡勾選MySQL和phpMyAdmin兩個選項，如有其他需求，可以照自己需求去勾選*

4. 接著一路點選Next，最後會跑出以下畫面就代表安裝完成喽:


## 使用教學

1. 點選Apache和MySQL的兩個Start按鍵(如下圖): 

2. 打開Chrome，在網址列輸入: **localhost**，看到以下畫面代表成功!

3. 點選PHPinfo，確認PHP版本: 

4. 點選phpMyAdmin，就能看到MySQL資料庫喽 

## 更改預設路徑

1. XAMPP的檔案位置預設路徑，是: **C:\xampp\htdocs**

*所有的檔案，都必須放在該資料夾底下，然後網址列會變成:**localhost/{folder-name}/{file-name}***

2. 如果要更改預設路徑，點開Apache那行的Config並點選**httpd.conf**(如下圖):


3. 使用快捷鍵 **Ctrl+F**，搜尋:**DocumentRoot**(如下圖):


4. 看到**DocumentRoot**和**Directory**，把這兩行改為你的工作資料夾
(ex:**C:\Users\user\Desktop\test01**)

:::danger
1.非常重要! 兩行都必須更改成相同路徑，少一個都不行!
2.有修改過config的話，都必須重新啟動Apache!
:::

## 環境測試

1. 打開Visual Studio Code，打開您的工作資料夾，建立一個PHP檔並輸入以下程式碼(如下圖):

<?php 
    echo "Hello world!";
?>


2. 打開Chrome，網址列輸入**localhost**，看到以下畫面，就成功喽!


## 總結

以上就是XAMPP的安裝和使用的教學，網路上也有許多更深入的教學，有需要的讀者可以自行查詢資料了解，本篇內容只是簡單說明了一些新手入門該注意的地方和技巧，如果有任何問題，歡迎留言指教，一起努力，也祝大家一切順利!!!