Как правильно запустить / разработать приложение laravel + vue. js (lara vue) - PullRequest
Новая
       10

Как правильно запустить / разработать приложение laravel + vue. js (lara vue)

0 голосов
/ 17 апреля 2020

Перед тем, как начать, я должен сказать, что я знаю, что этот вопрос - вопрос новичка.

Я нашел эту комбинацию приборной панели Laravel и Vue. js, которая Я хотел поиграть, чтобы затем начать разработку реального веб-приложения. lara vue

Меня смущает только один вопрос: во время тестирования на xampp с командами "npm run watch" и "php artisan serve" i Я считаю себя обязанным npm запускать проект, каждый раз, когда я изменяю файл.

Так, как правильно проверить все сделанные мной изменения? Просто обновив окно браузера.

Ответы [ 3 ]

1 голос
/ 17 апреля 2020

npm run watch автоматически создает ваши активы, а затем наблюдает за любым сохранением соответствующих файлов. Всякий раз, когда происходит сохранение, npm run watch перестраивает все, но вы не узнаете об этом в своем веб-браузере, кроме как путем обновления.

PS: Иногда npm run watch не работает должным образом, тогда используйте npm run watch-poll вместо

https://laravel.com/docs/7.x/mix#running -микс

0 голосов
/ 23 апреля 2020

Спасибо за все ответы.

Я решил проблему, запустив "npm run watch" и "php artisan serve" в двух отдельных командной строке windows.

Совершенно не знал об этом, и это часть кривой обучения. Спасибо, теперь это решено.

0 голосов
/ 23 апреля 2020

  1. npm run watch или npm run watch-poll автоматически восстановит ваши ресурсы, но не будет применяться к браузеру без ручного обновления sh. Это означает, что вы должны перезагрузить браузер после завершения компиляции.

  2. Горячая замена модуля (HMR - или горячая перезагрузка) работает так же, как npm run watch, и автоматически вносит изменения в браузер, поэтому необходимо перезагрузить браузер, чтобы увидеть изменения.

  3. После этого документа HRM хорошо работает с установкой fre sh (последний код на 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

и браузер:

image

...