Как сохранить расширения в Firefox с VSCode и запросить запуск - PullRequest
Новая
       29

Как сохранить расширения в Firefox с VSCode и запросить запуск

2 голосов
/ 20 января 2020

Я пытаюсь отладить приложение React с помощью инструментов React Dev и Firefox Developer Edition. Я не могу установить React Dev Tools в профиль, который Firefox использует при запуске через VSCode. У меня установлены React Dev Tools, когда я сам запускаю Firefox, открыв его в /Applications.

Однако, когда я запускаю приведенный ниже профиль launch.json, расширения не отображаются в разделе «Настройки» -> «Расширения и темы». -> Расширения в FireFox после его запуска. 

{
  "name": "Launch localhost",
  "type": "firefox",
  "request": "launch",
  "reAttach": true,
  "url": "http://localhost:3000",
  "webRoot": "${workspaceFolder}"
},

Однако я могу следовать указаниям здесь и запустить Firefox с терминалом и подключить к нему мой отладчик. В этом профиле есть React Dev Tools, и он отлично работает: 

/Applications/Firefox\ Developer\ Edition.app/Contents/MacOS/firefox -start-debugger-server

launch. json: 

{
  "name": "Attach",
  "type": "firefox",
  "request": "attach",
  "url": "http://localhost:3000",
  "webRoot": "${workspaceFolder}"
},

Но как мне заставить первый работать с launch запрос вместо attach? Из прочтения похоже что-то связано с профилем

1 Ответ

2 голосов
/ 31 января 2020

У меня была та же проблема, и я смог ее исправить, добавив в свой запуск. json: 

"profile": "my-firefox-profile"

Firefox может иметь несколько установленных профилей. Вы можете проверить их, набрав about:profiles в адресной строке Firefoxes. Он покажет вам список профилей. Следует выбрать тот, который помечен как Default profile: yes.

enter image description here

Мой запуск. json теперь выглядит следующим образом: 

    {
        "name": "Firefox",
        "type": "firefox",
        "request": "launch",
        "reAttach": true,
        "url": "http://localhost:4300",
        "webRoot": "${workspaceFolder}",
        "profile": "default-release-1"
    },

Справочная информация:

Firefox профили содержат настройки, такие как история просмотра, закладки - и, что самое важное, - надстройки. Указав VSCode использовать указанный профиль c, он будет работать с установленными плагинами.

Это также будет работать, если у вас возникла такая же проблема с Angular или Vue.

...