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

Php 如何运行/开发laravel+;vue.js(laravue)应用程序正确,php,laravel,vue.js,npm,laravel-artisan,Php,Laravel,Vue.js,Npm,Laravel Artisan,在我开始之前,我需要说我知道这个问题是初学者的问题 我发现了Laravel和Vue.js的仪表板组合,我想使用它,然后开始开发一个真正的web应用程序 只有一个问题让我困惑:在xampp上使用命令“npm run watch”和“php artisan serve”测试它时,每次更改文件时,我都会发现自己必须由npm运行该项目 那么,检查我所做的所有更改的正确方法是什么?只需刷新浏览器窗口。npm run watch自动构建您的资产,然后查看相关文件的任何保存。每当发生保存时,npm run w

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

我发现了Laravel和Vue.js的仪表板组合,我想使用它,然后开始开发一个真正的web应用程序

只有一个问题让我困惑:在xampp上使用命令“npm run watch”和“php artisan serve”测试它时,每次更改文件时,我都会发现自己必须由npm运行该项目


那么,检查我所做的所有更改的正确方法是什么?只需刷新浏览器窗口。

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

p.S:有时
npm run watch
无法正常工作,请改用
npm run watch poll


  • npm-run-watch
    npm-run-watch poll
    将自动重建您的资产,但在没有手动刷新的情况下不会应用于浏览器。这意味着您必须在编译完成后重新加载浏览器

  • 热模块更换(HMR-或热重新加载)的工作原理与npm run watch相同,并自动将更改应用于浏览器,因此您无需重新加载浏览器即可查看更改

  • 在此之后,HRM可以很好地使用新安装(master上的最新代码)作为我的测试

  • npm热运行
    结果:

    ➜  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
    Laravel development server started: http://127.0.0.1:8000
    
    php artisan服务
    结果:

    ➜  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
    Laravel development server started: http://127.0.0.1:8000
    
    和浏览器:


    谢谢您的回复

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

    他完全没有意识到这一点,这是学习曲线的一部分。
    谢谢,现在问题解决了。

    我使用Laravue,它非常有用而且结构良好(Vue文件结构可能会变得混乱。)“npm run watch”将在您保存任何内容时自动生成。。让它继续运行我让它运行,但我得到的只是一条关于“编译成功”的消息,然后我在localhost的任何地方都找不到我的应用程序。你需要运行php artisan serveSo我运行了watch poll,得到了“build successful”消息。然后我记得打开了第二个cmd窗口并运行了“php artisan serve”,效果很好!我只是不认为这是正确的方法,或者是吗?