Как быстро отразить изменение в сработавшем браузере компонента?

Question

Во время работы над проектом vue в консоли я выполнил: npm запустите наблюдение, поэтому при сохранении небольшого или большого изменения в компоненте или какой-либо части проекта vue я go на консоль, и я должен дать Enter, чтобы начать компиляцию. Таким образом:

и я должен дать время до его окончания

Затем я должен go перейти на вкладку своего браузера, где я показываю проект, и мне нужно обновить sh всю страницу, чтобы увидеть изменения.

Этот процесс иногда занимает много времени. Я спрашиваю, есть ли более быстрый способ работы, то есть я делаю изменения, сохраняю в визуальном коде и без обновления браузера могу ли я увидеть изменения? Может быть, это какой-то npm или плагин Visual Studio Code

Большое спасибо за то время.

Answer 1

РЕДАКТИРОВАТЬ : ОП использует Laravel Усадьба. Сначала не упоминалось, тег вопроса теперь изменился.

---

Это похоже на старую версию Vue CLI, поэтому, возможно, пришло время обновить, если это возможно. В любом случае попробуйте:

npm run serve

ИЛИ

npm run dev

Стандартная команда Vue CLI dev теперь npm run serve. Если это не удастся (маловероятно), проверьте свой package.json и посмотрите, какие scripts доступны

"scripts": {
   "serve": "[]",
   "dev": "[]"
}

Каждый из этих scripts - это элемент, который вы можете npm run. Проверьте Vue документацию сценария CLI для получения дополнительной информации.