在 windows 10 安裝 laravel 12 studentManagement環境與設定

相關系列文章：
01.在 windows 10 安裝 laravel 12 studentManagement環境與設定
02.laravel 12 route 路由
03.laravel 12 Blade Templates 網頁模版
04.laravel 12 Controller 控制器 
05.Laravel 12 Migration 遷移-資料庫版本控制
06.Laravel 12 Model 資料庫中的資料表，並提供與資料庫互動的介面
07.laravel 資料庫資料填充工廠入門
08.laravel 12 Eloquent ORM-Query Builder
09.laravel 12 Eloquent ORM-Eloquent ORM
10.Laravel 12：Eloquent 必學技巧一次掌握(Scopes、Soft Deletes、CRUD)
11.Laravel 12 表單驗證教學
12.Laravel 12 圖片上傳與刪除記錄及文件

0.下載wget

下載網址：https://eternallybored.org/misc/wget/

https://eternallybored.org/misc/wget/1.21.4/64/wget.exe

1.安裝xampp

下載網址：https://www.apachefriends.org/zh_tw/download.html

將下列網址貼上瀏覽器網址列，即可下載8.2.12 / PHP 8.2.12

https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/8.2.12/xampp-windows-x64-8.2.12-0-VS16-installer.exe

2.安裝composer

下載網址：https://getcomposer.org/download/

使用wget下載Composer-Setup.exe

wget https://getcomposer.org/Composer-Setup.exe

3.安裝mysql workbench

下載網址：https://dev.mysql.com/downloads/workbench/
使用wget下載mysql-workbench-community-8.0.42-winx64.msi

wget https://dev.mysql.com/get/Downloads/MySQLGUITools/mysql-workbench-community-8.0.42-winx64.msi

4.安裝node

下載網址：https://nodejs.org/zh-tw

使用wget下載node-v22.16.0-x64.msi

wget https://nodejs.org/dist/v22.16.0/node-v22.16.0-x64.msi

5.除了xampp，其餘套件均可用wget 下載
那我們將這些寫成BAT，方便日後安裝

檔名：laravel12EnvSetup.bat

內容：

@echo off

if exist %~dp0xampp-windows-x64-8.2.12-0-VS16-installer.exe (

echo "xampp-windows-x64-8.2.12-0-VS16-installer.exe OK"

msiexec /qn xampp-windows-x64-8.2.12-0-VS16-installer.exe

) else (

echo "請手動下載 xampp-windows-x64-8.2.12-0-VS16-installer.exe" 

"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" "https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/8.2.12/xampp-windows-x64-8.2.12-0-VS16-installer.exe"

)

REM 檢查 Composer-Setup.exe,否則下載 Composer-Setup.exe

if exist %~dp0Composer-Setup.exe (

echo "Composer-Setup.exe OK"

msiexec /qn Composer-Setup.exe

) else (

echo "正下載 Composer-Setup.exe"

wget https://getcomposer.org/Composer-Setup.exe

)

REM 檢查 mysql-workbench-community-8.0.42-winx64.msi,否則下載 mysql-workbench-community-8.0.42-winx64.msi

if exist %~dp0mysql-workbench-community-8.0.42-winx64.msi (

echo "mysql-workbench-community-8.0.42-winx64.msi OK"

msiexec /qn mysql-workbench-community-8.0.42-winx64.msi

) else (

        echo "正下載 mysql-workbench-community-8.0.42-winx64.msi"

wget https://dev.mysql.com/get/Downloads/MySQLGUITools/mysql-workbench-community-8.0.42-winx64.msi

)

REM 檢查 node-v22.16.0-x64.msi,否則下載 node-v22.16.0-x64.msi

if exist %~dp0node-v22.16.0-x64.msi (

echo "node-v22.16.0-x64.msi OK"

msiexec /qn node-v22.16.0-x64.msi

) else (

echo "正下載 node-v22.16.0-x64.msi"

wget https://nodejs.org/dist/v22.16.0/node-v22.16.0-x64.msi

)

pause

exit

6.安裝完 xampp、composer、mysql workbench、node 之後，打開XAMPP  Control Panel，進行php.ini設定

在記事本中進行zip搜尋，並將;extension=zip 前面的;進行消除後儲存，如下圖所示：

接下來，對XAMPP  Control Panel，打開 apache、mysql，此時apache2 開啟 4343，8080 兩個ports

7.打開命令提示字元，到xampp/htdocs/，進行安裝 laravel12 studentManagement 。

指令如下：

cd c:/xampp/htdocs/

composer create-project laravel/laravel studentManagement

8.打開網頁瀏覽器，網址輸入 http://localhost:8080/studentManagement/public

或是打開命令提示字元，輸入指令如下：

cd c:/xampp/htdocs/studentManagement/

php srtisan serve

打開網頁瀏覽器，網址輸入 http://127.0.0.1:8000

最後，以laravel 12 開發而言，我們會常用php srtisan serve 來進行測試

資料來源：

1.Laravel 12 Local Environment Setup – Install & Configure Laravel Step by Step
2.命令列選項

https://learn.microsoft.com/zh-tw/windows/win32/msi/command-line-options