Windows 使用者真機執行《L05 Laravel 教程 - 電商實戰》專案,一路跋涉終於讓教程專案跑了起來!

zhaiduting發表於2018-11-25

一、Windows使用者伺服器環境
1、https://www.apachefriends.org 下載XAMPP安裝到D盤
2、D:\xampp\apache\conf\extra\httpd-vhosts.conf 這個檔案很重要,回頭可以設定虛擬主機(指向專案public目錄)
3、C:\Windows\System32\drivers\etc\hosts這個檔案有意思,我暫且設定http://laravel.shop.master 訪問專案

二、Windows使用者開發環境準備
1、http://www.jetbrains.com/ 下載PhpStorm(很好用的開發工具,前端、後端都好用!)
2、http://www.navicat.com.cn/ 下載Navicat Premium(很好用的資料庫建模工具)
3、https://git-scm.com/ 下載Git(這裡面有個Git GUI圖形介面,令人愛不釋手,無需記憶版本控制命令!)
4、https://gitee.com/ 建立自己的碼雲賬戶(相對於github來說,碼雲倉庫在國內,網速有保障)

三、Windows使用者開發包安裝
1、https://getcomposer.org 下載composer安裝程式(設定一下中國全量映象)
2、https://nodejs.org/ 下載node安裝程式(玩過Vue.js的幾乎必裝)

四、下載專案原始碼
1、https://github.com/summerblue/laravel-shop 下載教程原始碼,解壓到D:\www\laravel-shop-master
2、設定阿帕奇虛擬主機(以下《》需要替換成小於號、大於號)
《VirtualHost *:80》
DocumentRoot "D:\www\laravel-shop-master\public"
ServerName laravel.shop.master
《Directory "D:\www\laravel-shop-master\public"》
Options Indexes FollowSymLinks MultiViews ExecCGI
AllowOverride All
Require all granted
《/Directory》
《/VirtualHost》
3、瀏覽器嘗試開啟網頁http://laravel.shop.master(開頭的http://第一次必須手動輸入,以後可以省略)

五、安裝依賴包,讓專案跑起來!
首次開啟網頁顯然會報錯,因為很多依賴包都沒安裝。Windows使用者有多種方式安裝依賴包:使用傳統的cmd、使用Git Bash或者乾脆使用PhpStorm自帶的終端程式。以下截圖顯示的是cmd安裝方法(需要掌握少數幾條dos命令)
file
1、npm install --no-bin-links 這條命令是安裝package.json檔案裡面指定的依賴包的(忽略報錯)
2、composer install 這條命令是安裝composer.json這個檔案裡面指定的依賴包的(忽略報錯)
3、編輯自己的專案配置檔案 .env
4、php artisan migrate遷移資料表(這裡很可能會出現一個BUG,百度有解)
5、npm run watch-poll
至此,專案理應可以跑起來,實際卻不行(因為npm run watch-poll這個命令執行不了)。為此需要進行第六步

六、解決Laravel Mix執行不了的問題,關鍵在於這兩條命令
1、npm i cross-env(指定安裝這個交叉環境)
2、npm audit fix(修復一下)
file

七、看下成功執行的樣子
file
file
專案介面出現了不必要的縱向滾動條,這個通過修改前端樣式可以解決。
cmd視窗不能關,這點不爽。沒關係,那就直接關掉!我們可以在執行PhpStorm的時候,利用其自帶的Terminal敲入命令npm run watch-poll一樣有效。

本文使用的是npm安裝Laravel Mix的,沒有使用Yarn

以上執行的是《L05 Laravel 教程 - 電商實戰》專案,我們可以自己再新建一個專案,邊看教程邊畫瓢。遇到bug時,再回頭執行一下教程專案,看看教程程式碼是如何解決的。配置一下虛擬主機以及hosts檔案,我讓 http://yw.pay 執行自己照葫蘆畫瓢的專案,讓 http://laravel.shop.master 執行教程專案(不用虛擬機器)。
 

相關文章