Начало работы с Visual Studio Code с подсистема Windows для Linux

  • Статья

Visual Studio Code вместе с расширением WSL позволяет использовать WSL в качестве среды разработки на полный рабочий день непосредственно из VS Code. Вы можете:

  • разработка в среде под управлением Linux
  • использование цепочки инструментов и служебных программ для Linux
  • запуск и отладка приложений под управлением Linux с комфортом Windows при сохранении доступа к средствам повышения производительности, таким как Outlook и Office
  • Используйте встроенный терминал VS Code для запуска выбранного дистрибутива Linux
  • воспользуйтесь преимуществами функций VS Code, таких как завершение кода Intellisense, линтинг, поддержка отладки, фрагменты кода и модульное тестирование
  • простое управление версиями с помощью встроенной поддержки Git в VS Code
  • выполнение команд и расширений VS Code непосредственно в проектах WSL
  • изменять файлы в файловой системе Linux или подключенной файловой системе Windows (например, /mnt/c), не беспокоясь о проблемах с путем, двоичной совместимости или других проблемах, связанных с несколькими ОС

Установка VS Code и расширение WSL

  • Перейдите на страницу установки VS Code и выберите установщик 32 или 64-разрядной версии. Установите Visual Studio Code в Windows (не в файловой системе WSL).

  • При появлении запроса на выбор дополнительных задач во время установки обязательно проверьте параметр Add to PATH , чтобы можно было легко открыть папку в WSL с помощью команды кода.

  • Установите пакет расширений удаленной разработки. Этот пакет расширений включает расширение WSL, в дополнение к расширениям Remote — SSH и Dev Containers, что позволяет открывать любую папку в контейнере, на удаленном компьютере или в WSL.

Важно!

Чтобы установить расширение WSL, вам потребуется версия 1.35 мая или более поздняя версия VS Code. Мы не рекомендуем использовать WSL в VS Code без расширения WSL, так как вы потеряете поддержку автоматического завершения, отладки, подстроки и т. д. Интересный факт: это расширение WSL устанавливается в $HOME/.vscode/extensions (введите команду ls $HOME\.vscode\extensions\ в PowerShell).

Обновление дистрибутива Linux

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

Например, чтобы обновить Debian или Ubuntu, используйте:

sudo apt-get update

Чтобы добавить wget (для извлечения содержимого с веб-серверов) и ca-certificates (чтобы разрешить приложениям на основе SSL проверять подлинность SSL-подключений), введите:

sudo apt-get install wget ca-certificates

Открытие проекта WSL в Visual Studio Code

Из командной строки

Чтобы открыть проект из дистрибутива WSL, откройте командную строку распространения и введите: code .

Открытие проекта WSL с удаленным сервером VS Code

Из VS Code

Вы также можете получить доступ к дополнительным параметрам WSL VS Code с помощью ярлыка: CTRL+SHIFT+P в VS Code, чтобы открыть палитру команд. Если затем ввести WSL список доступных параметров, вы сможете повторно открыть папку в сеансе WSL, указать, в каком дистрибутиве вы хотите открыть, и многое другое.

Палитра команд VS Code

Расширения внутри WSL VS Code

Расширение WSL разделяет VS Code на архитектуру "client-server" с клиентом (пользовательским интерфейсом), работающим на компьютере с Windows, и сервером (ваш код, Git, подключаемые модули и т. д.), работающим "удаленно" в дистрибутиве WSL.

При запуске расширения WSL на вкладке "Расширения" отобразится список расширений, разделенных между локальным компьютером и дистрибутивом WSL.

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

Некоторые расширения, такие как расширение Python или все, что обрабатывает такие компоненты, как подстановка или отладка, должны быть установлены отдельно в каждом дистрибутиве WSL. VS Code отобразит значок ⚠предупреждения, а также зеленую кнопку "Установить в WSL", если у вас есть расширение, установленное локально, которое не установлено в дистрибутиве WSL.

VS Code с расширениями WSL и локальными расширениями

Дополнительные сведения см. в документации по VS Code:

  • При запуске VS Code в WSL скрипты запуска оболочки не выполняются. Дополнительные сведения о выполнении дополнительных команд или изменении среды см. в этой статье скрипта настройки расширенной среды .

  • Возникли проблемы с запуском VS Code из командной строки WSL? Это руководство по устранению неполадок содержит советы по изменению переменных пути, устранению ошибок расширения об отсутствующих зависимостях, устранению проблем с завершением строки Git, установке локального VSIX на удаленном компьютере, запуску окна браузера, блокировке порта localhost, веб-сокетам, ошибкам хранения данных расширения и т. д.

Установка Git (необязательно)

Если вы планируете работать совместно с другими пользователями или размещать проект на сайте с открытым исходным кодом (например, GitHub), примите во внимание, что VS Code поддерживает управление версиями с помощью Git. Вкладка системы управления версиями в VS Code отслеживает все изменения и содержит общие команды Git (добавление, фиксация, принудительная отправка, извлечение) прямо в пользовательском интерфейсе.

Сведения об установке Git см. в статье о настройке Git для работы с подсистема Windows для Linux.

Установка Терминала Windows (необязательно)

Новая Терминал Windows включает несколько вкладок (быстрое переключение между командной строкой, PowerShell или несколькими дистрибутивами Linux), пользовательские сочетания клавиш (создание собственных сочетаний клавиш для открытия или закрытия вкладок, копирования и вставки и т. д.), эмодзи ☺ и пользовательских тем (цветовые схемы, стили шрифтов и размеры, фоновое изображение, размытие/ прозрачность). Дополнительные сведения см. в документации по Терминалу Windows.

  1. Скачайте Терминал Windows из Microsoft Store: При установке через магазин обновления выполняются автоматически.

  2. После установки откройте Терминал Windows и щелкните Параметры, чтобы настроить Терминал использовать файл profile.json.

Дополнительные ресурсы

К дополнительным рекомендуемым расширениям относятся следующие:

  • Раскладки клавиатуры других редакторов — эти расширения позволят использовать необходимую раскладку при переходе в другой текстовый редактор (например, Atom, Sublime, Vim, eMacs, Notepad++ и т. п.).
  • Расширение синхронизации параметров — позволяет синхронизировать параметры VS Code в разных установках, используя GitHub. Если вы работаете на разных компьютерах, это обеспечит согласованность среды между ними.
  • Отладчик для Chrome: после завершения разработки на стороне сервера в Linux необходимо разработать и протестировать клиентскую сторону. Это расширение интегрирует редактор VS Code со службой отладки браузера Chrome, что увеличивает эффективность выполнения операций.