Редактор кода Visual Studio Code

Чтобы сделать процесс написания кода более эффективным и приятным, программисты используют специальные программы – редакторы кода. Эти редакторы обладают множеством полезных функций, таких как:

• Подсветка синтаксиса, то есть разным элементам кода присваиваются разные цвета, что облегчает чтение и написание программы.
• Автодополнение кода, когда редактор предлагает варианты завершения набираемых слов и конструкций, что ускоряет написание кода и помогает избежать опечаток.
• Отладка кода с помощью встроенных инструментов, которые позволяют пошагово выполнять программу, отслеживать значения переменных и выявлять ошибки.
• Интеграция с системами контроля версий (например, Git) для удобного управления изменениями в коде и совместной работы над проектами.
• Поддержка множества языков программирования.
• Расширяемость путём добавление новых функций с помощью плагинов (расширений).

3.1 Если вы используете Windows и Linux:

• Откройте загруженный установочный файл.
• Следуйте инструкциям на экране для завершения установки.

3.2 Если вы используете macOS:

• Разархивируйте файл VSCode-osx.zip.
• Перетащите Visual Studio Code.app в папку Applications.
• Добавьте VS Code в Dock, выбрав в Options пункт Keep in Dock.

При первом запуске VS Code вы увидите приветственный экран. Можете ознакомиться с ним и закрыть его – сейчас он вам не понадобится.

Настройка языка интерфейса VS Code

Для комфортной работы и легкого поиска ответов на возникающие вопросы в интернете рекомендуется использовать английский язык интерфейса VS Code (если у вас установлен другой язык по умолчанию)/

1. Нажмите сочетание клавиш Ctrl + Shift + P (Cmd + Shift + P на macOS), чтобы открыть командную палитру.

2. В появившемся поле введите команду Configure Display Language и нажмите Enter.

3. Выберите English из списка предложенных языков. VS Code предложит перезапуститься для применения изменений. Нажмите Restart.

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

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

1. На левой боковой панели найдите значок Extensions (выглядит как четыре квадратика) ① и щелкните по нему.

2. В строке поиска ② введите Python.

3. В списке результатов найдите расширение Python, разработанное компанией Microsoft ③. Обратите внимание на автора – это важно для установки официального и проверенного расширения.

4. Нажмите на зеленую кнопку Install ④ рядом с этим расширением.

Это расширение добавит множество полезных функций, включая подсветку синтаксиса Python, автодополнение кода, средства отладки, линтинг (проверку стиля кода) и многое другое.

Открытие папки проекта

Теперь нам нужно указать VS Code, где будут храниться наши файлы с кодом.

1. В верхнем меню выберите File ⓵ → Open Folder... ⓶.

2. В появившемся окне создайте новую папку для ваших Python-проектов (например, my_python_projects) или выберите уже существующую. Нажмите кнопку Выбор папки.

VS Code может спросить вас о доверии к авторам файлов в этой папке. Поставьте галочку напротив Trust the authors of all files in the parent folder (с англ. – Доверять авторам всех файлов в родительской папке) и нажмите Yes, I trust the authors (с англ. – Да, я доверяю авторам). Это необходимо для безопасной работы с кодом.

Первая программа в VS Code

Давайте создадим наш первый файл с кодом в VS Code.

1. Наведите курсор на левую боковую панель Explorer ①. В верхней части панели появится несколько значков.

2. Нажмите на значок New File... ② (выглядит как лист бумаги с плюсом) и введите имя файла hello.py ③. Нажмите Enter.

3. В открывшемся файле hello.py напишите уже знакомую команду для вывода сообщения на экран:

print("Привет, мир!")

Результат выполнения программы отобразится во встроенном терминале в нижней части окна VS Code. Если терминал случайно закрылся, его можно открыть с помощью сочетания клавиш Ctrl + Shift + ` (Cmd + Shift + ` на macOS) или через меню Terminal → New Terminal.

В той же нижней области вы найдете вкладку PROBLEMS. Благодаря расширению Pylance (которое устанавливается вместе с основным расширением Python), здесь будут отображаться сообщения об ошибках и предупреждения в вашем коде. Например, если вы удалите закрывающую кавычку в нашей программе, то увидите сообщения об ошибках, указывающие на незакрытую строку:

Настройка автосохранения

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

1. В верхнем меню выберите File → Preferences → Settings или используйте сочетание клавиш Ctrl + , (Cmd + , на macOS).

2. В открывшемся окне настроек введите в поисковой строке auto save ①.

4. В разделе Files: Auto Save выберите параметр afterDelay ②, который отвечает за автосохранение файла после небольшой задержки. Задержка по умолчанию составляет 1000 мс (1 секунда), но вы можете изменить его (не рекомендуется).

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

1. Что такое VS Code?

2. Как запускается код в VS Code?

3. Что выводится на вкладке PROBLEMS в VS Code?