Открытие поля разработки в VS Code

Используйте Microsoft Dev Box с Visual Studio Code (VS Code) для создания безопасных облачных сред разработки. В этой статье объясняется, как настроить туннели разработки и подключиться к dev Box из VS Code. Вы узнаете, как установить необходимое расширение, включить безопасные туннели и подключиться удаленно для упрощения разработки. Выполните следующие действия, чтобы быстро приступить к работе и эффективно работать в любом месте.

Предпосылки

Включение туннелей dev в пуле Dev Box

Dev Box Dev Tunnels — это функция, которую разработчики используют для подключения к dev Box с помощью Visual Studio Code (VS Code) через безопасные туннели. Эта функция особенно полезна для разработчиков, которые хотят работать удаленно или из разных расположений без полного подключения к удаленному рабочему столу.

Регистрация предварительной версии функции "Туннельы Dev Box"

Пока туннели Dev Box находятся в предварительной версии, зарегистрируйте эти функции в подписке Azure.

  1. Войдите на портал Azure.

  2. Выберите Подписки.

  3. Выберите подписку, содержащую ресурсы Dev Box.

  4. В меню слева выберите>параметры предварительного просмотра функций.

  5. В поле поиска введите Dev Box, выберите Dev Box Dev Tunnels из результатов и нажмите кнопку "Регистрация".

    Снимок экрана: страница

  6. В сообщении " Хотите зарегистрировать выбранные функции?" , нажмите кнопку "ОК".

Включение туннелей разработки для пула средств разработки

Включите туннели разработки для каждого пула полей разработки. Чтобы включить туннели для пула полей разработки, выполните следующие действия.

  1. Перейдите в проект, содержащий пул сред разработки, где вы хотите включить туннели.

  2. В меню слева выберите "Управление>пулами полей разработки".

  3. Для пула, который требуется изменить, в меню операций разработки (...) выберите "Изменить".

    Снимок экрана: панель редактирования пула

  4. На вкладке "Управление" выберите "Включить открытие" в VS Code и нажмите кнопку "Сохранить".

    Снимок экрана: вкладка

Подключение к поле разработки с помощью туннеля разработки

Выполните следующие действия, чтобы настроить туннель разработки и подключиться к вашему поле разработки с помощью VS Code.

  1. Установка расширения VS Code

    В локальном VS Code установите расширение Dev Box из VS Code Extension Marketplace. Для туннелей разработки требуется версия 2.0.0 или более поздняя. Убедитесь, что вы устанавливаете расширение локально, а не в Поле разработки, к которому вы хотите подключиться.

    Снимок экрана: расширение Dev Box в Visual Studio Code с подробными сведениями о расширении и параметром установки.

  2. Чтобы войти в расширение Dev Box, щелкните значок Dev Box на левой боковой панели и выберите "Войти в Dev Box" с помощью Майкрософт.

    Снимок экрана: параметр входа расширения Dev Box в Visual Studio Code с значком Dev Box и командой входа.

  3. Подключение к Dev Box в VS Code

    После настройки откройте поле разработки в VS Code. В меню "Управление" (колесико параметров) выберите "Подключиться".

    Снимок экрана: расширение Dev Box с кнопкой

  4. Изучение удаленного интерфейса в VS Code

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

Подключение к подсистеме Windows для Linux

Если у вас есть среда подсистемы Windows для Linux (WSL) в поле разработки, используйте удаленный обозреватель для подключения к нему.

Выберите целевые объекты WSL в раскрывающемся списке, чтобы просмотреть все дистрибутивы WSL. Откройте любое распределение WSL в текущем окне или в новом окне.

Снимок экрана: удаленный обозреватель Visual Studio Code с доступными дистрибутивами WSL с выделенным целевым объектом WSL для Dev Box.

Дополнительные сведения о процессе разработки WSL см. в статье Remote — WSL и настройка среды разработки WSL.

Устранение неполадок с подключением к Copilot

Если у вас возникли проблемы с подключением к Dev Box, воспользуйтесь помощником по подключению Copilot, чтобы диагностировать и решить их. Эта функция предоставляет руководство по устранению неполадок с помощью GitHub Copilot и сервера MCP Dev Box для выявления и устранения распространенных проблем подключения.

Чтобы использовать помощь в подключении Copilot, выполните приведенные действия.

  1. В VS Code откройте расширение Dev Box, выбрав значок "Поле разработки" на левой боковой панели.

  2. На панели "Ресурсы Dev Box " найдите поле разработки, к которому вы не можете подключиться.

  3. Щелкните значок параметров (шестеренка) рядом с Dev Box или щелкните правой кнопкой мыши имя Dev Box, чтобы открыть контекстное меню.

  4. Выберите помощник подключения Copilot.

    Снимок экрана расширения Dev Box в VS Code, показывающий контекстное меню с выделенной опцией поддержки подключения Copilot.

  5. Следуйте инструкциям из Copilot, чтобы диагностировать и устранить проблему с подключением.

Замечание

Этот параметр меню запускает devbox_think с сервера DevBox MCP. Для использования этой функции необходимо установить и настроить сервер DevBox MCP в VS Code. Следуйте инструкциям, предоставленным Copilot, чтобы завершить процесс устранения неполадок.

Помощь по подключению Copilot может помочь в таких проблемах, как:

  • Сбои подключения туннеля
  • Проблемы с проверкой подлинности
  • Проблемы с конфигурацией сети
  • Проблемы состояния Dev Box (остановлено, гибернировано или недоступно)

Часто задаваемые вопросы

  • Почему необходимо войти в Dev Box перед включением туннеля?

    Необходимо войти в систему, чтобы создать сеанс пользователя для настройки туннеля. После первоначальной проверки подлинности можно отключиться от Dev Box. Вы можете включить или подключиться к туннелю без необходимости повторного входа в систему, за исключением случаев, когда Dev Box отключается или перезагружается.

  • Почему я не могу подключиться к Dev Box, даже если туннель настроен?

    Обновите представление обозревателя расширений Dev Box с помощью кнопки в правом верхнем углу, чтобы проверить последнее состояние туннеля. Если туннель включен, но вы по-прежнему не можете подключиться, попробуйте отключить туннель, войти в Dev Box и повторно включить туннель.