Я установил vscode на два разных компьютера, один из них автоматически применяет изменения, которые я внес в шаблон файла .vue, над которым я работаю, в то время как на другом устройстве этого не происходит (например < / em> Когда я изменю высоту кнопки с 1rem на 5rem, я смогу увидеть изменения в браузерах Google или Mozilla Firefox, которые были применены сразу же, или страница автоматически перезагружается без каких-либо действий с ней). То же самое, когда я внес изменения во внешние файлы CSS, которые у меня есть в папке с ресурсами.
Я также пробовал и устанавливал те же расширения (например live-server, live-Sass-compiler, vetur, prettier), но та же проблема сохраняется на другом ПК. Теперь я не могу получить доступ к ПК с работающим auto-apply-changes-made-in-the-template-or-CSS. Итак, мой вопрос: есть ли у кого-нибудь идеи, как включить или восстановить функцию, которая автоматически применяет изменения, когда вы сохраняете изменение в своем vscode в своем браузере.
Другие способы устранения неполадок, которые я сделал:
- Удалил и переустановил vscode полностью из системы.
- Удалил локальную папку проекта, снова клонировал их и переустановил пакеты.
- Удалил все расширения и заново установил их.
P.S. Я использую фреймворк nuxt.js, работая над тем же проектом.
Проблема, вероятно, возникает из-за того, что локальная служба VScode не работает, или из-за каких-то параметров, которые не отражены в другом.
Для этого вы могли бы сравнить 2 экземпляра настроек VScode:
ctrl + shift + p(также известный как Command Palette) и введитеPreferences: Open Settings (JSON).Соответствующий параметр может быть о
"editor.formatOnSave": true, или, может быть, у вас нет запущенного сервера ESlint?Обычно Nuxt (точнее, сам Webpack) просто наблюдает за файлами, которые находятся в проекте, и если вы их отредактируете, страница будет загружена с помощью HMR (Hot Module Reload).
Если изменения также связаны с SSR, они будут обновите страницу.
Вы можете использовать это расширение: https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Это позволит синхронизировать настройки между редакторами. Итак, установите его на рабочий VScode, загрузите его настройки и загрузите их на нерабочем VScode.
И последнее: вы также можете попробовать создать новый проект Nuxt, чтобы проверить, не исходит ли он от HMR / авто-перезагрузки из проекта (если что-то пошло не так). Вдобавок перезагрузка, вероятно, будет быстрее!
Привет, спасибо за ответ! Я сделал новый проект, то есть я клонировал проект на этом рабочем компьютере. Я также пробовал запустить новый git init в другой папке и клонировал тот же проект в неработающем модуле, но он по-прежнему не работает. Я просто попытался синхронизировать другой файл конфигурации настроек со своего ноутбука (в котором есть функция auto-apply-them-changes-after-save), но он все еще не работает, в том числе файл editor.formatOnSave, который уже был в неработающем unit установлено значение true. Но все это у меня не сработало. — person Yong Pin; 02.06.2021
Я еще не пробовал расширение, так как все еще работаю. У меня есть эта рабочая функция в моем ноутбуке дома, и я попробую завтра, если она сработает, я вернусь после того, как найду результат. — person Yong Pin; 02.06.2021
Достаточно наличия кода + установки зависимостей (нет ничего связанного с тем, что это отслеживается git, даже если
git cloneявляется самым быстрым / простым способом сделать что-то). Ваше репо публичное? Я могу попробовать просто открыть его и посмотреть, работает ли он на моей стороне, таким образом я мог бы сказать вам, проблема ли это VScode или проблема проекта (возможно, VScode, но все же). Расширение приятно, потому что оно удаляет все возможные вещи, о которых можно забыть, между двумя экземплярами VScode. — person Yong Pin; 02.06.2021Проект, над которым я сейчас работаю, является частным, но у меня есть тот же проект с таким же поведением (если он действительно связан с проектом, но я как бы в этом сомневаюсь) здесь: github.com/ypinbong/LouGehwVue.git — person Yong Pin; 02.06.2021
Изменил порт на 3000, и на моей машине он действительно работает нормально. Проблема VScode так. — person Yong Pin; 02.06.2021
Кстати, @YongPin, вы уверены, что редактируете правильный файл? Потому что я попробовал первую страницу, но обнаружил, что использовался только компонент для входа в систему. — person Yong Pin; 02.06.2021
Да, я работал над проектом в этом неработающем блоке около 2 недель (2 месяца для проекта, на который я дал вам ссылку). Излишне говорить, но я работал с несколькими (большей частью) его файлами, и мне приходилось перезагружать браузер, чтобы каждый раз видеть мои изменения. Я не пробовал рекомендованное вами расширение, но я попытался синхронизировать его с копией настроек для моего рабочего ноутбука, но у него по-прежнему нет функции автоматического применения изменений при сохранении. — person Yong Pin; 03.06.2021
Может исходить из множества вещей. Постарайтесь максимально воспроизвести среду, синхронизируя все свои инструменты (редактор кода, браузеры, код и т. Д.). — person Yong Pin; 03.06.2021