Найти в Дзене

Как установить и настроить VS Code 2022 для работы с WSL и разработки на Python в Windows 11.

В прошлых статьях мы установили WSL в Windows 11 и настроили shell в терминале. В этой статье мы будем устанавливать VS Code для работы с WSL и Python. Так как я планирую сделать пару проектов на Python, таких как: 1. Бота для будущего телеграмм канала и чата; 2. Хочу реализовать сайт блог-портфолио на Django. Где я буду публиковать свои статьи; И так начнем: 1. Скачаем и установим VS Code. Переходим на сайт Жмем "Download for Windows" Stable Build Сразу же начнется загрузка. После того, как скачалось, запускаем скаченный файл и выполняем установку VS Code в нужную вам папку: Обязательно проверяем стоят ли все галки: Снимаем галочку около "Запустить Visual Studio Code" и жмем "Завершить": VS Code успешно установлен. Перезагружаем компьютер. 2. Настройка VS Code для работы с WSL После перезагрузки заходим в VS Code и сразу же он предлагает установить Русский язык, на что мы соглашаемся: После перезагрузки приложения, переходим в "Расширения" слева на панели: Пишем WSL, выбираем расшире
Оглавление
Установка и настройка VS Code для работы с WSL и Python в Windows 11
Установка и настройка VS Code для работы с WSL и Python в Windows 11

В прошлых статьях мы установили WSL в Windows 11 и настроили shell в терминале.

В этой статье мы будем устанавливать VS Code для работы с WSL и Python. Так как я планирую сделать пару проектов на Python, таких как:

1. Бота для будущего телеграмм канала и чата;

2. Хочу реализовать сайт блог-портфолио на Django. Где я буду публиковать свои статьи;

И так начнем:

1. Скачаем и установим VS Code.

Переходим на сайт

Жмем "Download for Windows" Stable Build

Сайт VS Code
Сайт VS Code

Сразу же начнется загрузка.

После того, как скачалось, запускаем скаченный файл и выполняем установку VS Code в нужную вам папку:

Установка VS Code
Установка VS Code

Обязательно проверяем стоят ли все галки:

Поставим все галочки в дополнительных задачах
Поставим все галочки в дополнительных задачах

Снимаем галочку около "Запустить Visual Studio Code" и жмем "Завершить":

Завершение установки
Завершение установки

VS Code успешно установлен.

Перезагружаем компьютер.

2. Настройка VS Code для работы с WSL

После перезагрузки заходим в VS Code и сразу же он предлагает установить Русский язык, на что мы соглашаемся:

Смена языка на русский
Смена языка на русский

После перезагрузки приложения, переходим в "Расширения" слева на панели:

Расширения
Расширения

Пишем WSL, выбираем расширение "Remote - WSL" и жмем "Установить":

Remote - WSL
Remote - WSL

Создадим папку проекта в WSL.

Откроем терминал и выполним команду:

mkdir tgbot

Создаем папку проекта
Создаем папку проекта

Переходим в VS Code и жмем в нижнем углу зеленую кнопку "Открыть удаленное окно", в центре появится меню, где нужно выбрать "Открыть папку в WSL"

Открываем папку
Открываем папку

Указываем путь к папке которую мы создали до этого в терминале:

Указываем путь к папке с проектом
Указываем путь к папке с проектом

И наша папка с проектом открыта через WSL.

Внизу, в зеленой кнопке появляется надпись WSL: Ubuntu-20.04:

Открыли папку через WSL.
Открыли папку через WSL.

3. Настройка VS Code для работы с Python.

Переходим в "Расширения", пишем "Python" и выбираем "Установить в WSL: Ubuntu-20.04" расширение "Python Extension Pack":

Установка расширений
Установка расширений

После полной установки, перезагрузите VS Code:

VS Code почти готов к работе
VS Code почти готов к работе

Создадим файл test.py.

Для этого нажмем в "Проводнике", в папке с проектом, правой кнопкой и нажмем "Создать файл":

Создаем файл test.py
Создаем файл test.py

В файле пропишем :

print('hello world')

и нажмем на "Запуск файла Python":

Запускаем первый скрипт
Запускаем первый скрипт

Как видим терминал работает не правильно, нужно это поправить.

Для этого жмем "Файл" в верхнем углу, "Настройки", "Параметры". Пишем:

terminal font

И указываем тот шрифт который мы устанавливали в прошлой статье и терминал в VS Code работает так, как нужно:

Установка шрифта для терминала в VS Code
Установка шрифта для терминала в VS Code

Закрываем "Параметры".

Я использую ещё два расширения:

Тема: Atomize (Atom One Dark theme):

Atomize (Atom One Dark theme)
Atomize (Atom One Dark theme)

Иконки: Material Icon Theme

Material Icon Theme
Material Icon Theme

И на этом всё, установка и настройка VS Code для работы с WSL и Python закончена.

В следующей статье, подключим venv и установим нужные нам для проекта Python пакеты.

Подписывайтесь на канал, Оставляйте комментарии.

#технологии #программирование #2022 #россия #python #vscode #windows #wsl #ubuntu #linux