如何正確運行/開發 laravel + vue.js (laravue) 應用程序

Question

在我開始之前，我需要說我知道這個問題是初學者的問題。

我找到了我想玩的 Laravel 和 Vue.js 的儀表板組合，然后開始開發真正的 web 應用程序。 拉拉維

只有一個問題讓我感到困惑：在使用“npm run watch”和“php artisan serve”命令在 xampp 上對其進行測試時，我發現自己必須在每次更改文件時運行 npm 項目。

那么檢查我所做的所有更改的正確方法是什么？ 只需刷新瀏覽器 window。

Answer 1

npm run watch自動構建您的資產，然后查看有關文件的任何保存。 每當發生保存時， npm run watch會重建所有內容，但您不會在 web 瀏覽器上注意到，除非通過刷新。

PS：有時npm run watch不能正常工作，那就用npm run watch-poll代替

https://laravel.com/docs/7.x/mix#running-mix

Answer 2

1. npm run watch或npm run watch-poll將自動重建您的資產，但不適用於未經手動刷新的瀏覽器。 這意味着您必須在編譯完成后重新加載瀏覽器。

2. Hot Module Replacement（HMR - 或 Hot Reloading）與npm run watch相同，並自動將更改應用到瀏覽器，因此您無需重新加載瀏覽器即可查看更改。

3. 按照本文檔，HRM 與全新安裝（master 上的最新代碼）作為我的測試工作良好。

npm run hot結果：

➜  npm run hot
> laravue@0.11.0 hot [src]
> cross-env NODE_ENV=development BABEL_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js

ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from http://localhost:8080/
ℹ ｢wds｣: Content not from webpack is served from [src]/public
ℹ ｢wds｣: 404s will fallback to /index.html

php artisan serve結果：

➜  php artisan serve
Laravel development server started: http://127.0.0.1:8000

和瀏覽器：

Answer 3

謝謝大家的回復。

我通過在兩個單獨的命令行 windows 上運行“npm run watch”和“php artisan serve”解決了這個問題。

完全沒有意識到這一點，這是學習曲線的一部分。 謝謝，現在已經解決了。