如何正确 run/develop laravel + vue.js (laravue) app

Question

在我开始之前，我需要说我知道这个问题是初学者的问题。

我找到了这个 Laravel 和 Vue.js 的仪表板组合，我想尝试一下，然后开始开发真正的 Web 应用程序。 laravue

只有一个问题让我感到困惑：在 xampp 上使用命令 "npm run watch" 和 "php artisan serve" 测试它时，我发现自己不得不 npm 运行项目，每次我更改文件时。

那么检查我所做的所有更改的正确方法是什么？只需刷新浏览器 window.

Answer 1

npm run watch 自动构建您的资产，然后观看相关文件的任何保存。每当发生保存时，npm run watch 都会重建所有内容，但除非通过刷新，否则您不会在 Web 浏览器上察觉到。

P.S:有时候npm run watch效果不好，那就用npm run watch-poll代替

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

Answer 2

npm run watch 或 npm run watch-poll 将自动重建您的资产，但不适用于没有手动刷新的浏览器。这意味着您必须在编译完成后重新加载浏览器。
热模块替换（HMR - 或热重载）与 npm run watch 的工作方式相同，并自动将更改应用到浏览器，因此您无需重新加载浏览器即可看到更改。
在此 document 之后，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

谢谢大家的回复。

我已经通过运行 "npm run watch" 和 "php artisan serve" 在两个单独的命令行 windows.

上解决了这个问题

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

如何正确 run/develop laravel + vue.js (laravue) app

How to run/develop laravel + vue.js (laravue) app properly

php

npm

laravel

vue.js

laravel-artisan