• 13.09.2024 11:32

Мой блог

Программирование и ремонт техники

Среда разработки VS Code

Среда разработки VS Code

Команды для интерпретатора можно писать в обычном текстовом редакторе (например, в “Блокноте”). Но чаще для этого пользуются специальной программой, которая называется средой разработки (англ. IDE, Integrated Development Environment).

Среда разработки — тоже текстовый редактор, но с дополнительными возможностями. Например, она умеет сама находить на компьютере программу-интерпретатор и запускать программу одной кнопкой. Среда разработки, кроме того, форматирует написанный вами код, чтобы его удобно было читать, а иногда даже подсказывает, где вы допустили ошибку.

На текущий момент очень популярной и удобной IDE является VS Code. Рекомендуем использовать её для решения задач в курсе и вообще в жизни.

В VS Code есть много расширений, которые позволяют настроить среду разработки под свои нужды. Есть расширения для работы с разными языками, сборки проектов, автоматического форматирования кода и многого другого. Это надёжная IDE, которую легко использовать.


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

  1. Открываем окно браузера и переходим по ссылке
  2. Кликаем по синий кнопке Download for Windows (или кликаем по кнопке справа для выбора дополнительных параметров)

Шаг 2. Устанавливаем VS Code

  1. Запускаем установщик программы
  2. Следуем указаниям установщика, нажимая кнопку Далее (Next) и потом – Установить (Install)
  3. Через несколько секунд на нашем компьютере будет установлена IDE VS Code

Шаг 3. Запускаем VS Code 

При открытии VS Code мы увидим экран приветствия:

Закроем это окно в верхнем левом углу:

В первую очередь ставим русскую локализацию:

  • Переходим на вкладку Extensions, стрелка 1.
  • Вводим в окно поиска текст “russian”.
  • Кликаем на карточку Russian Language Pack, стрелка 2.
  • Нажимаем кнопку install, стрелка 3.

После установки появится карточка с предложением замены языка и перезапуска VSCode, соглашаемся нажав кнопку:

Поздравляю, теперь большая часть приложения на русском!
Теперь нам нужно выбрать папку для наших проектов (Файл -> Открыть папку…):

Хоть мы и русифицировали интерфейс но, все имена файлов, папок и т.д. пишем только латиницей!!!
Далее создаем папку нашего первого проекта MyPythonProjects в директории Локальный диск (C:):

Далее кликаем по этой папке левой кнопкой мыши и жмем кнопку Выбор папки в правом нижнем углу:

Далее у нас откроется папка для наших проектов, и выскочит такое окно:

Нажимаем на квадратик напротив первой стрелки и синюю кнопку напротив второй стрелки.

У нас должно остаться следующее окно:


Шаг 4. Создаем первый проект на Python

Наведем мышь на указанную область, стрелка 1.
Далее кликаем на указанную иконку, стрелка 2, Создать файл…:

Печатаем название нашей первой программы в поле, стрелка 1first_program.py и нажимаем клавишу Enter:
Далее в правом нижнем углу, стрелка 2, у нас выскочит окно рекомендации установить расширение для Python:
Кликаем по кнопке Установить:

У нас автоматически начнётся установка расширения для Python, ожидаем его завершения:
Далее переходим в Проводник, стрелка 1:
И, закрываем вкладку Расширение: Python, стрелка 2, при наведении появится крестик:

Далее выбираем файл нашей программы:

Далее нам надо проверить, что все работает. Напишем простой код для проверки:

print("Hello world")

Чтобы запустить программу, нажимаем на треугольник в правом верхнем углу. Также запуск программы возможно осуществить через Ctrl + F5.
Если мы сделали все правильно, у нас появится окно терминала внизу экрана с выведенным текстом “Hello world“:


Шаг 5. Некоторые рекомендации по работе с VS Code

Некоторые ошибки в программе будут прописаны в разделе Проблемы (я специально удалил закрывающую скобку, что является синтаксической ошибкой в Python).

В разделе Параметры можно включить автосохранение программы. Программа будет автоматически сохраняться спустя некоторое время. Для этого с помощью сочетания клавиш Ctrl , переходим в Параметры (также можно перейти через Файл -> Настройки -> Параметры).

В открывшемся окне находим параметр Auto Save выбираем пункт afterDelay.

Автоформатирование программы можно включить в том же окне​​​. Это очень удобная и полезная функция. Ваш файл будет автоматически форматироваться по стандартам PEP8 (официальный стандарт написания кода на языке Python). Для этого печатаем в настройках format on save и находим нужную настройку. Ставим галочку:

Далее устанавливаем Расширение black formatter.

Как перейти на вкладку Расширения вы помните?

Теперь наша программа будет форматироваться каждый раз после нажатия сочетания Ctrl + (возможно, придётся перезапустить программу VS Code). Учитывайте, что программа будет форматироваться только при отсутствии синтаксических ошибок. Рекомендуем использовать следующий код для проверки (не вдавайтесь в подробности языка, пример только для демонстрации):

def get_sum(a,b)->int :
    return     a+b
print(         get_sum(5,7))

При автоформатировании этот небрежный код.

Превращается в приятный, читабельный код (читабельность играет большую роль в программировании).

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


Изменить тему оформления в VS Code также возможно (если хотите, чтобы всё было красиво и приятно для глаз). Ищем в настройках color theme. И в этой настройке выбираем ту тему, которая вам понравится больше. Темы менять также можно через шестеренку в левом нижнем углу  -> Темы -> Цветовая тема. И дальше клавишами вверх-вниз листать (тема будет меняться на ходу, так что можно будет посмотреть все сразу).

Изменить размер иконок в самой VS Code можно с помощью Ctrl + (увеличение) и Ctrl  (уменьшение).

В VS Code есть ещё очень много интересного. Можете поискать сами какие-нибудь классные расширения или удобные настройки.

P.S. VS Code иногда не видит папки и файлы с именами, содержащими заглавные русские буквы:

Проекты => проекты✅ 

Программа.py❌=> программа.py ✅


Эта часть открыта для всех, более того, первая часть (введение) и часть (начало изучения) также будут открыты для всех. Однако далее только по подписке.
Подписку можно оформить по ссылке: https://paywall.pw/glom1jyaymob
Либо в сообществе ВК: https://vk.com/code_program
Цена подписки: 250 рублей в месяц, но, вы можете указать сумму больше, на сколько посчитаете нужным.
Статьи будут выходить регулярно, каждые 2-3 дня.
Разбирать будем от простых, до самых сложных кейсов.
Более того, если вы решите поддержать меня как автора дополнительно, это можно будет сделать в любое время, в каждой статье будет номер карты.


Если дочитали до конца СПАСИБО!
Если поддержите финансово, ОГРОМНОЕ СПАСИБО!!!


Подпишитесь на ежемесячную поддержку автора, так вы поможете мне на развитие.
А я помогу вам, вы получите доступ:

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

Подписка доступна в сообществе ВК: https://vk.com/code_program


Ссылки:
- ВК Сообщество Сервисного центра: https://vk.com/sc_novokopylovo
- ВК Сообщество по дизайну и программированию: https://vk.com/code_program
- Канал Инвестиции и заработок в Телеграмм: https://t.me/nb83_invest
- Ютуб-канал: http://www.youtube.com/@nberesnev83
- Одноклассники: https://ok.ru/nberesnev83
- Telegram: https://t.me/nberesnev83
- WhatsApp: https://wa.me/79835522434


Донат можете перевести по номеру карты:

2202 2061 1435 7028 (Сбер)

Постараюсь отчитываться раз в месяц о полученных донатах.
Благодарю всех неравнодушных, огромное вам спасибо!