Как правильно настроить VS Code для отладки в Chrome, используя существующий зарегистрированный профиль пользователя Chrome? - PullRequest
Новая
       18

Как правильно настроить VS Code для отладки в Chrome, используя существующий зарегистрированный профиль пользователя Chrome?

2 голосов
/ 03 апреля 2019

У меня есть приложение React, которое я пишу в VS Code.Чтобы проверить и отладить свою работу, я иду в терминал и ввожу npm start.Это запускает сервер приложений и правильно запускает Chrome под текущим вошедшим пользователем, на котором установлено расширение React Devtools.

Однако я также использую отладчик с расширением Chrome вКодекс VS.Чтобы использовать эти средства отладки, после запуска приложения с помощью npm мне нужно нажать F5, и это откроет новое окно браузера для Chrome.В этом режиме мои контрольные точки попадают в код VS, и я могу проверять, как мне нужно.

Однако разница в том, что когда я нажимаю F5, VS Code открывает новое окно браузера, которое выглядит как недавно установленный экземпляр Chrome.Поскольку я использую Chrome в нескольких виртуальных машинах и архитектурах, я настроил свою учетную запись Google таким образом, чтобы при входе в свой профиль на каждом компьютере в Chrome все необходимые закладки и расширения загружались в этот экземпляр Chrome.

Отладка F5 не показывает эту информацию о профиле пользователя, хотя эти детали отображаются при регулярном запуске Chrome, как и при первом запуске браузера, когда я запускаю npm start.Есть ли способ изменить конфигурации моего кода VS, чтобы при отладке в коде VC с расширением Debugger for Chrome я мог получить доступ к своему профилю Chrome со всеми желаемыми расширениями и инструментами?

Кроме того, вот мой файл launch.json.Я думаю это используется отладчиком. 

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
        }
    ]
}

Я думаю, что это значения по умолчанию, и я думаю, может быть, это то, что NPM использует, а не то, что запускает отладчик и браузерс F5.

1 Ответ

1 голос
/ 04 апреля 2019

Добавьте "userDataDir": false в конфигурацию запуска, например: 

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "userDataDir": false
        }
    ]
}

НО вы должны сначала закрыть все запущенные экземпляры Chrome, потому что невозможно перевести работающий профиль пользователя Chrome в режим отладки. Вот почему расширение создает новый профиль пользователя по умолчанию.

...