---
# System prepended metadata

title: XAMPP環境設定
tags: [xampp, web, php, composer, jdk]

---

# XAMPP環境設定
1. 安裝Xampp
2. 安裝Node.js
3. 安裝Composer
4. 安裝Java JDK(啟動tomcat用)

## 本篇僅作為個人學習筆記用，不代表是正確且完整的教學!!

### XAMPP的功能介面
![image](https://hackmd.io/_uploads/Bybj5wTST.png)

# JDK環境變數設定
### 1. 到系統>進階設定>系統內容>環境變數
![image](https://hackmd.io/_uploads/BkUToDTr6.png)

### 2. 第二欄的系統變數>新增>輸入:JAVA_HOME
![image](https://hackmd.io/_uploads/rkWNnP6Bp.png)

### 3. 編輯系統變數
![image](https://hackmd.io/_uploads/BydL2vTBp.png)

**在變數值的欄位輸入:**
`C:\Program Files\Java\jdk-21`

### 4. 再新增一個變數:PATH
![image](https://hackmd.io/_uploads/ry9-pDaBp.png)

**在變數值的欄位輸入:**
`%JAVA_HOME%\bin`
    

# XAMPP的config設定
![image](https://hackmd.io/_uploads/H16dmdTBa.png)

選擇第一個 Apache(httpd.conf)，打開之後會出現一個記事本，
將記事本往下滑會看到兩行程序:
![image](https://hackmd.io/_uploads/BkARNdpHa.png)

```
DocumentRoot "C:\xampp\htdocs"
<Directory "C:\xampp\htdocs">
```

把DocumentRoot後面的路徑改成要做的專案路徑，同樣底下的Directory也要改成相同的專案路徑。
完成之後案儲存就可以關閉了，之後運行網站就可以直接開啟指定專案的資料夾。
