29 7 月, 2020

Windows的Laravel開發環境建置

By super

你是否也想要學習Laravel但是總是無法順利建置開發環境嗎? 今天就來學習怎麼建置吧。


10分鐘快速學會Windows作業系統環境建置,使用Mac作業系統的學員請看這裡。Let’s Go!


步驟1 安裝XAMPP


XAMPP是PHP + Apache + MariaDB 這三個軟體的安裝懶人包,對新手來說相當方便。請點這個下載網址來下載XAMPP for Windows版本

記得選擇版本的時候,去選擇最高的PHP版本(最低PHP 7.2.5)來做下載,下載完成之後雙擊安裝檔來進行安裝安裝過程中均按照預設設置即可,如果有需要的話,可以自己指定XAMPP目錄所在位置,但如非必要,建議採用預設

看到這個畫面就代表XAMPP安裝成功囉


步驟2 開啟XAMPP

開啟XAMPP的Control Panel,打開之後介面如下:

點Apache和MySQL這兩個服務的Start按鈕來啟用這兩個服務

如果出現Windows安全性警訊的話,請點”允許存取”來開放此服務
打開瀏覽器,網址列輸入localhost,看看能否正常訪問

出現如上畫面的話,就代表我們的XAMPP順利完成安裝囉


步驟3 安裝Visual Studio Code


開啟Visual Studio Code的官方網站,網址點此,選擇Windows版本做一個下載
下載完成後,點兩下安裝檔來安裝Visual Studio Code,一切按照預設設置即可,如果需要桌面捷徑可以打開建立桌面捷徑的勾 

安裝完成後,試著開啟看看,出現如上畫面的話,就代表我們的Visual Studio Code順利完成安裝囉


步驟4 安裝Composer

Composer是PHP用來管理套件的工具,我們也將用它來安裝Laravel與其關聯套件,進入下載網址,連結在此

開啟上方的網頁之後,請下載Composer的安裝檔。下載完成之後開啟安裝檔來進行安裝

出現以上畫面就代表完成了Composer安裝


步驟5 下載Laravel安裝器


開啟Windows的命令提示字元,你可以查詢cmd來找到它,一般我們會稱呼它為Terminal。之後我們將會常常用到它,建議你為它建立一個捷徑

在命令提示字元,輸入以下的指令後,按下Enter 

compopser global require laravel/installer

如果一切順利,你將會看到如上方的畫面結果,代表Laravel安裝器已經下載到你的電腦上囉


步驟6 建立Laravel專案


開啟命令提示字元,因為需要將專案目錄建立在XAMPP的htdocs資料夾內,所以需要切換到這個資料夾,輸入以下指令

cd c:\xampp\htdocs

進到htdocs資料夾之後,接著就可以利用Laravel安裝器來建立最新版本的Laravel專案,如果你想要建立的是較舊版本的Laravel專案,可以透過composer來指定要建立的Laravel版本,指令如下:


以下指令裡頭的blog為專案名稱,這兩個指令擇一使用即可

laravel new blog
或者是
composer create-project --prefer-dist laravel/laravel blog "5.8.*"

5.8.* 表示要生成的Laravel版本為5.8
輸入完指令之後,會跑一段時間來下載所需要的套件,請等它一下,這是正常的

完成之後你會看到如上方的畫面,如果沒有出現紅字的話,就代表一切正常,專案已經建起來囉。請開啟htdocs資料夾,看看裡面是否多出了一個blog專案囉
開啟瀏覽器來看看專案能否正常訪問吧,在網址列輸入localhost/blog/public,看看能否正常訪問

步驟7 設定專案


現在我們要為專案修改一個設定,比如timezone時區以及語系。開啟Visual Studio Code,接著開啟Blog專案
修改config資料夾的app.php,將timezone設為Asia/Taipei,並把locale設為zh_TW

自此你就已經完成了Laravel的基礎環境建置囉,建立了第一個Laravel專案,並且有Visual Studio Code來編輯專案,同時開啟了Apache和MySQL服務來運行專案。


希望你從今天的課程當中得到了學習Laravel的樂趣,如果你希望能夠在你的本地端也就是你的電腦,為你的專案建立一個本地化網址,又或者是想要為專案設定資料庫的話,可以參考哥布林的完整實作課程,網址於此,裡面有更多的技巧等著你去學唷。

這是我們10分鍾學Laravel的第一個單元,趕緊去看看其他單元吧。