# 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也要改成相同的專案路徑。 完成之後案儲存就可以關閉了,之後運行網站就可以直接開啟指定專案的資料夾。