如何正确运行/开发 laravel + vue.js (laravue) 应用程序

Question

在我开始之前，我需要说我知道这个问题是初学者的问题。我找到了这个 Laravel 和 Vue.js 的仪表板组合，我想玩一下，然后开始开发一个真正的 Web 应用程序。拉拉维只有一个问题让我感到困惑：在 xampp 上使用命令“npm run watch”和“php artisan serve”对其进行测试时，我发现自己每次更改文件时都必须 npm run 项目。那么检查我所做的所有更改的正确方法是什么？只需刷新浏览器窗口即可。

Answer 1

感谢您的所有回复。

我通过在两个独立的命令行窗口上运行“npm run watch”和“php artisan serve”解决了这个问题。

完全没有意识到这一点，这是学习曲线的一部分。谢谢，现在已经解决了。

Answer 2

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 3

1. npm run watch或npm run watch-poll将自动重建您的资产，但不适用于未经手动刷新的浏览器。这意味着您必须在编译完成后重新加载浏览器。

2. 热模块替换（HMR - 或热重载）的工作原理与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

和浏览器：