Автоматическое применение изменений при сохранении в vscode

Я установил 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 в своем браузере.

Другие способы устранения неполадок, которые я сделал:

  1. Удалил и переустановил vscode полностью из системы.
  2. Удалил локальную папку проекта, снова клонировал их и переустановил пакеты.
  3. Удалил все расширения и заново установил их.

P.S. Я использую фреймворк nuxt.js, работая над тем же проектом.

См. также:  Команда VS-Code Remote-Container Clone ничего не делает / не работает
Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 1
  1. Yong Pin

    Проблема, вероятно, возникает из-за того, что локальная служба 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

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: