🕷️ Crawler Inspector

[](https://pythonchik.ru/) [Основы](https://pythonchik.ru/osnovy) [Математика](https://pythonchik.ru/matematika) [Окружение и пакеты](https://pythonchik.ru/okruzhenie-i-pakety) [Курсы](https://pythonchik.ru/kursy) [PRO](https://pythonchik.ru/pro) найти   upd: 05\.09.2024 [Александр Зайков](https://pythonchik.ru/author/sir_arris) 130\.8 K [12](https://pythonchik.ru/osnovy/python-i-vs-code#main_comments) # VS Code — настройка и использование для Python-кода [\#IDE](https://pythonchik.ru/tag/ide) Содержание - [Установка VSCode](https://pythonchik.ru/osnovy/python-i-vs-code#ustanovka-vscode) - [Windows](https://pythonchik.ru/osnovy/python-i-vs-code#windows) - [Linux](https://pythonchik.ru/osnovy/python-i-vs-code#linux) - [macOS](https://pythonchik.ru/osnovy/python-i-vs-code#macos) - [Настройка под Python](https://pythonchik.ru/osnovy/python-i-vs-code#nastroyka-pod-python) - [Установка расширения "Python"](https://pythonchik.ru/osnovy/python-i-vs-code#ustanovka-rasshireniya-python) - [Выбор версии интерпретатора Python](https://pythonchik.ru/osnovy/python-i-vs-code#vybor-versii-interpretatora-python) - [Работа в VS Code](https://pythonchik.ru/osnovy/python-i-vs-code#rabota-v-vs-code) - [Запуск редактора](https://pythonchik.ru/osnovy/python-i-vs-code#zapusk-redaktora) - [Интерфейс](https://pythonchik.ru/osnovy/python-i-vs-code#interfeys) - [Запуск Python-кода (run)](https://pythonchik.ru/osnovy/python-i-vs-code#zapusk-python-koda-run) - [Отладка (debugger)](https://pythonchik.ru/osnovy/python-i-vs-code#otladka-debugger) - [Тестирование (testing)](https://pythonchik.ru/osnovy/python-i-vs-code#testirovanie-testing) - [GIT](https://pythonchik.ru/osnovy/python-i-vs-code#git) - [ТОП плагинов для VS Code](https://pythonchik.ru/osnovy/python-i-vs-code#top-plaginov-dlya-vs-code) В 2016-м году компания Microsoft представила миру свой новый редактор программного кода. В отличие от старшей сестры — полноценной IDE Visual Studio — VS Code получился куда более компактным и легковесным решением. Он разработан как кроссплатформенное ПО и может быть успешно установлен в системах Windows, Linux и macOS.  Visual Studio Code Бесплатность Visual Studio Code абсолютно не мешает ему обладать весьма богатым современным функционалом. VS Code имеет встроенный отладчик, позволяет работать с системами контроля версий, обеспечивает интеллектуальную подсветку синтаксиса, а также поддерживает целый ряд популярных языков программирования. И хоть, за годы своего существования, VSCode зарекомендовал себя, в основном, как продукт для веб-разработки, в 2018 году появилось расширение "Python", которое дало программистам многочисленные возможности для редактирования, отладки и тестирования кода на нашем любимом языке. [промоОнлайн-курс "Python-разработчик"  3 806 руб/мес  12 месяцев расширенный курс  Освойте Python и начните работать через 6 меc.  Добавьте 22 проекта в свое портфолио  Получите опыт работы в команде Перейти](https://go.redav.online/f1da53803a5dfa70?erid=LdtCKCxkP&m=2) ## Установка VSCode Поистине смешные системные требования Visual Studio Code обязательно порадуют владельцев старых машин. Для полноценной работы редактору требуется всего лишь 1 ГБ оперативной памяти и процессор с частотой от 1.6 ГГц. Такое сочетание лёгкости и функциональности действительно подкупает, а отсутствие в VS Code каких-либо "лагов" и "фризов" делают разработку ещё более приятным и увлекательным занятием. Установка редактора никуда не отходит от данной парадигмы и тоже является весьма простым и понятным процессом. ### Windows Сначала нужно скачать с [официального сайта](https://code.visualstudio.com/) установочный файл небольшого размера, а затем установить сам ВиЭс код, следуя подсказкам от мастера установки.  VS Code можно скачать с официального сайта code.visualstudio.com ### Linux На сайте программы можно изучить способы инсталляции редактора на разные Linux-дистрибутивы, но здесь рассмотрим процесс установки для самого популярного из них — Ubuntu. Установить VSCode можно несколькими способами: Способ №1: Самый простой способ — воспользоваться менеджером установки "Ubuntu Software".  Откройте "Ubuntu Software" -\> введите в поиск "VSCode" -\> выберите первую строку и нажмите "Install" Способ №2: Скачать дистрибутив с [официального сайта](https://code.visualstudio.com/Download) и установить его командой: ``` sudo apt install ./<file>.deb ``` > О других способах установки читайте на странице официальной документации в разделе "[Setup](https://code.visualstudio.com/docs/setup/linux)"; ### macOS Алгоритм установки редактора внутри яблочной операционной системы также не представляет собой ничего сложного: 1. Сначала нужно [скачать](https://code.visualstudio.com/Download) Visual Studio Code с официального сайта. 2. Затем открыть список загрузок браузера и найти там `VSCode-Darwin-Stable.zip`. 3. Нажмите на иконку увеличительного стекла, чтобы открыть архив. 4. Перетащите `Visual Studio Code.app` в папку приложений, сделав ее доступной на панели запуска. 5. Щёлкните правой кнопкой мыши по значку и выберите команду "Оставить в Dock". ## Настройка под Python ### Установка расширения "Python" Для начала работы с Python, нужно перейти на вкладку `Extensions`, что находится на панели слева, либо нажать `Ctrl + Shift + X`. Сделав это, набираем в строке поиска "Python".  Для начала работы с Python, установите расширение от Microsoft — "Python". VS Code поддерживает, как вторую, так и третью версию языка, однако python интерпретатор на свою машину вам придётся поставить самостоятельно. [](https://pythonchik.ru/osnovy/ustanovka-python--windows-linux-mac-os) [Установка Python на Windows, Linux, Mac OS](https://pythonchik.ru/osnovy/ustanovka-python--windows-linux-mac-os) Если вы новичок и только начинаете работу с Python или же не имеете каких-то особых указаний на этот счёт, то лучшим выбором станет именно актуальная третья версия. Вот краткий список основных возможностей расширения "Python": - Автодополнение кода. - Отладка. - Поддержка сниппетов. - Написание и проведение тестов. - Использование менеджера пакетов Conda. - Возможность создания виртуальных сред. - Поддержка интерактивных вычисления на Jupyter Notebooks. ### Выбор версии интерпретатора Python После от вас потребуется совершить выбор версии интерпретатора внутри самого редактора (обычно VS code знает, где он расположен). Для этого: 1. Откройте командную строку VSCode (Command Palette) комбинацией `Ctrl + Shift + P`. 2. Начинайте печатать "Python: Select Interpreter"; 3. После, выберите нужную версию интерпретатора.  Выбор интерпретатора в VSCode Также выбрать версию можно в панели активности в левом нижнем углу:  Выбор версии Python-интерпретатора в панели активности VS Code Если вы хотите использовать `pipenv` в своем проекте: 1. Откройте папку своего проекта в VSCode. 2. Запустите терминал через "Terminal" ("Терминал") → "New Terminal" ("Создать терминал"). 3. Установите `pipenv` командой `pip install pipenv` (или `pip3 install pipenv`). 4. Инициализируйте виртуальную среду командой `pipenv shell`. 5. Если инициализация прошла успешно, команда `pipenv --py` покажет путь до интерпретатора созданной виртуальной среды. 6. Откройте "Command Palette" (`Ctrl + Shift + P`) и введите "Python: Select Interpreter". Далее выберите из списка нужную версию интерпретатор — для этого используйте путь до интерпретатора из предыдущего шага. [](https://pythonchik.ru/okruzhenie-i-pakety/pipenv-menedzher-zavisimostej-python) [Pipenv — современный менеджер зависимостей для Python-проектов](https://pythonchik.ru/okruzhenie-i-pakety/pipenv-menedzher-zavisimostej-python) ## Работа в VS Code ### Запуск редактора Как и другие современные редакторы и среды разработки, VS Code фиксирует состояние на момент закрытия программы. При следующем запуске, он открывается в том же самом виде, в котором существовал до завершения работы. Так как VSCode, в первую очередь — редактор, а не полновесная среда разработки, здесь нет особой привязки к проекту. Вы можете сходу создавать, открывать и редактировать нужные вам файлы. Достаточно, после запуска, нажать `Open File` или `New File` и можно начинать работу. ### Интерфейс Интерфейс программы разрабатывался в стремлении сделать его как можно более простым и интуитивно понятным. Дизайнеры постарались, как максимизировать пространство для редактора, так и оставить достаточно места для отображения проводника по вашему проекту.  Так выглядит интерфейс VS Code Весь UI VSCode разделился, таким образом, на шесть областей: 1. Область редактора — основная область для написания и редактирования вашего кода. 2. Боковая панель — здесь содержатся различные представления (например проводник). 3. Строка состояния — визуализирует рабочую информацию об открытом в данный момент файле. 4. Командная панель — классическая главная панель с вкладками file, edit, go, run и так далее. 5. Панель активности — область в крайнем левом углу, где находятся важные вспомогательные вкладки, вроде контроля версий, дебаггера и магазина расширений. 6. Мультипанель — панель на которой располагается вывод отладку, информация об ошибках и предупреждениях, а также встроенный в VS Code терминал. ### Запуск Python-кода (run) Выполнить код можно несколькими способами. Самый простой — комбинацией `Ctrl + Alt + N`.  Для запуска python-кода выполните комбинацию "Ctrl + Alt + N" Также можно вызвать скрипт контекстным меню, выбрав строку "Run Python File in Terminal".  Запуск Python-кода через контекстное меню в VSCode Или нажав иконку "Run" в правом верхнем углу.  Иконка "Run" в правом верхнем углу запустит Python-код на выполнение ### Отладка (debugger) Возможность полноценной отладки — сильная сторона редактора. Чтобы перейти в режим отладки, нужно установить точку останова и нажать `F5`.  Для перехода в режим отладки, установите breakpoint и нажмите "F5" Вся информация о текущем состоянии будет выводиться на панель дебаггера.  Так выглядит debugger в VSCode Слева откроется панель дебаггера с информацией о состоянии переменных (Variables), отслеживаемых переменных (Watch) и стеке вызова (Call stack). Сверху расположена панель инструментов дебаггера.  Панель инструментов дебаггера в VSCode Рассмотрим команды (слева направо): 1. continue (`F5`) — перемещает между breakpoint-ами; 2. step over (`F10`) — построчное (пошаговое) перемещение; 3. step into (`F11`) — построчное (пошаговое) перемещение c заходом в каждую вызываемую функцию; 4. step out (`Shift + F11`) — работает противоположно `step into` — выходит из вызванной функции, если в данный момент вы находитесь внутри неё. Далее работает как `continue`. 5. restart (`Ctrl + Shift + F5`) — начинаем отладку с начала. 6. stop (`Shift + F5`) — остановка и выход из режима отладки. > Чаще всего для отладки используются continue (`F5`) и step over (`F10`). С отладкой разобрались 👌. ### Тестирование (testing) С поддержкой тестов у VS Code тоже всё в порядке, однако, по умолчанию тестирование отключено. Для его активации нужна небольшая настройка. Сначала следует нажать комбинацию клавиш `Ctrl + Shift + P` и в так называемой палитре команд выбрать `Python: Configure Tests`.  Для выбора фреймворка для тестов, выполните комбинацию "Ctrl + Shift + P" и наберите "Python: Configure Tests" Редактор предложит вам определить фреймворк (мы выбрали "pytest") и папку, содержащую тесты (мы выбрали ". Root directory"). Создадим новый файл с тестами (test\_app.py) и запустим его, кликнув правой кнопкой мыши на этом файле и выбрав пункт "Run Current Test File". > Также тесты можно запускать по нажатию на кнопку Run Tests в нижней строке состояния  Запуск тестов в VSCode с использованием фреймворка pytest. Чтобы увидеть результаты, необходимо открыть вкладку Output на панели, и в выпадающем меню выбрать пункт PythonTestLog.  Результат Python-тестов в Output Как мы видим, первый тест прошел успешно, а второй провалился. Для удобства работы с тестами, установим расширение "Python Test Explorer for Visual Studio Code".  Расширение для VSCode "Python Test Explorer for Visual Studio Code" Теперь информацию по тестам можно посмотрев, кликнув на левой панели "иконку с колбой", предварительно запустив тесты.  Вкладка "test" (иконка с колбой в панели слева) откроет удобный проводник для запуска тестов и просмотра их состояния. ### GIT Для начала работы с системами контроля версий обратимся к вкладке Source Control, что находится на панели активности слева (или `Ctrl + Shift + G`). По умолчанию VS Code дружит с Git и GitHub Поддержку других систем возможно настроить самостоятельно, установив соответствующие расширения. Чтобы связать проект с github (или gitlab), сперва необходимо скачать на ваш ПК [git](https://git-scm.com/downloads) (если ещё не скачан). VSCode автоматически определит его местоположение, и затем у вас появится возможность синхронизации.  Для работы с git, зайдите в меню слева "Source Control" Все основные и необходимые операции для контроля версий будут находиться прямиком внутри редактора: коммитить, пуллить, пушить, создавать бранчи и просматривать изменения вы можете, не выходя из VisualStudioCode.  Все необходимые команды для работы в git находятся в меню панели "Source Control" (3 точки) А для удобного просмотра изменений в git, советую установить расширение "Git Graph". После его установки, на панели "Source Control" появится новая кнопка, которая отобразит граф состояния (git log).  Git Graph — VS Code расширение для удобного просмотра графа состояния (git log) ## ТОП плагинов для VS Code - [Python](https://marketplace.visualstudio.com/items?itemName=ms-python.python) extension for Visual Studio Code — официальное расширение Python от Microsoft. - [TabNine](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode) — магией машинного обучения пропитан сей плагин сотворённый для высших целей интеллектуального автозаполнения кода. - [Python Preview](https://marketplace.visualstudio.com/items?itemName=dongli.python-preview) — расширение, способствующее более простой и лёгкой отладке в VSCode. - [Indent-Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) — плагин выделяет цветом все отступы, чередуя четыре разных цвета на каждом блоке. - [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) — плагин для лучшей читаемости кода, который разукрашивает соответствующие друг другу скобки в один цвет. - [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) — позволяет создавать более красивые и удобные комментарии к вашему программному коду. - [Python Test Explorer](https://marketplace.visualstudio.com/items?itemName=LittleFoxTeam.vscode-python-test-adapter) for Visual Studio Code — запуск тестов с помощью TestExplorer UI. - [Python Environment Manager](https://marketplace.visualstudio.com/items?itemName=donjayamanne.python-environment-manager) — плагин для управления средами и пакетами Python. - [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) — добавление отладчика браузера Google Chrome в ваш редактор. - [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) — плагин, который автозаполняет имена файлов. - [Python Docstring Generator](https://marketplace.visualstudio.com/items?itemName=njpwerner.autodocstring) — плагин для быстрого генерирования docstrings. - [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks) — расширение позволяет создавать закладки в коде и перемещаться по ним с помощью горячих клавиш. - [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) — удобная подсветка ошибок. - [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) — подсветка TODO и FIXME в комментариях. 4 😭 7 😕 11 😃 89 😍 Поделиться в соцсетях      Комментарии (12) Оставить комментарий.. Код Опубликовать Сначала популярные Сначала новые По очереди \=) 3 года назад Спасибо! Особенно за топ плагинов) 5 ответить coi 2 года 6 месяцев назад Легче тогда скачать pycharm чем танцевать с бубнов в vs code 1 ответить 1 ответ Сергей 2 года 9 месяцев назад Спасибо! Очень хорошая шпаргалка 1 ответить CПС за статью!😎 2 года 1 месяц назад спс за статью 1 ответить Иван 1 год 3 месяца назад Вы написали "Установите pipenv командой pip install pipenv", но забыли для новичков указать, где эту команду вводить. 0 ответить Александр Зайков 1 год 3 месяца назад Инструкция по настройки Pipenv в VSCode обновлена 👍 2 ответить Sirop 1 год 2 месяца назад Спасибо за статью\! Подскажите, пожалуйста, в разделе "Запуск Python-кода (run)" на первом скриншоте, на мультипанели в разделе "Output" у вас выбран "Code". Это позволяют встроенные инструменты или необходимо установить расширение (хочу чтобы было видно также результат и время выполнения)? 0 ответить Александр Зайков 1 год 2 месяца назад Добрый день\! Нужно установить расширение "Python" и выбрать интерпретатор (как описано в разделе "[Настройка под Python](https://pythonchik.ru/osnovy/python-i-vs-code#nastroyka-pod-python)"). 0 ответить Kons 2 года 9 месяцев назад Спасибо. Выбрал для себя несколько дополнений\! 0 ответить RaiYuri360 2 года 9 месяцев назад Пасиба огромное! Лучшие) 0 ответить gavriil9999@mail.ru 1 год назад "Для начала работы с Python, нужно перейти на вкладку Extensions" — у меня нет никакой подобной вкладки. У меня справа 4 кликабельные прямоугольника: 1. Клонирование репозитория; 2. Открыть проект или решение; 3. Открыть локальную папку; 4. Создание проекта. А внизу этих прямоугольников "продолжить без кода". Клик по "Созданию проекта" и там куча справа "Приложение питон для командной строки", ниже "Веб-проект для питона", еще ниже "Веб-проект для джанго" и т.д. 0 ответить еще 2 коментария Содержание - [Установка VSCode](https://pythonchik.ru/osnovy/python-i-vs-code#ustanovka-vscode) - [Windows](https://pythonchik.ru/osnovy/python-i-vs-code#windows) - [Linux](https://pythonchik.ru/osnovy/python-i-vs-code#linux) - [macOS](https://pythonchik.ru/osnovy/python-i-vs-code#macos) - [Настройка под Python](https://pythonchik.ru/osnovy/python-i-vs-code#nastroyka-pod-python) - [Установка расширения "Python"](https://pythonchik.ru/osnovy/python-i-vs-code#ustanovka-rasshireniya-python) - [Выбор версии интерпретатора Python](https://pythonchik.ru/osnovy/python-i-vs-code#vybor-versii-interpretatora-python) - [Работа в VS Code](https://pythonchik.ru/osnovy/python-i-vs-code#rabota-v-vs-code) - [Запуск редактора](https://pythonchik.ru/osnovy/python-i-vs-code#zapusk-redaktora) - [Интерфейс](https://pythonchik.ru/osnovy/python-i-vs-code#interfeys) - [Запуск Python-кода (run)](https://pythonchik.ru/osnovy/python-i-vs-code#zapusk-python-koda-run) - [Отладка (debugger)](https://pythonchik.ru/osnovy/python-i-vs-code#otladka-debugger) - [Тестирование (testing)](https://pythonchik.ru/osnovy/python-i-vs-code#testirovanie-testing) - [GIT](https://pythonchik.ru/osnovy/python-i-vs-code#git) - [ТОП плагинов для VS Code](https://pythonchik.ru/osnovy/python-i-vs-code#top-plaginov-dlya-vs-code)  Может понравиться [](https://pythonchik.ru/osnovy/faq-po-rabote-s-pycharm) [Основы](https://pythonchik.ru/osnovy) [Работа в IDE PyCharm (FAQ) + полезные фишки](https://pythonchik.ru/osnovy/faq-po-rabote-s-pycharm) [](https://pythonchik.ru/osnovy/python-idle) [Основы](https://pythonchik.ru/osnovy) upd: 18\.03.2024 [Python IDLE — интегрированная среда для разработки](https://pythonchik.ru/osnovy/python-idle) [](https://pythonchik.ru/osnovy/ustanovka-python--windows-linux-mac-os) [Основы](https://pythonchik.ru/osnovy) [Установка Python на Windows, Linux, Mac OS](https://pythonchik.ru/osnovy/ustanovka-python--windows-linux-mac-os) [](https://pythonchik.ru/osnovy/kak-rabotaet-python-interpretator) [Основы](https://pythonchik.ru/osnovy) upd: 18\.03.2024 [Как работает Python: интерпретатор, байт-код, PVM](https://pythonchik.ru/osnovy/kak-rabotaet-python-interpretator) [](https://pythonchik.ru/osnovy/yazyk-python-opisanie-sintaksis-plyusy-i-minusy) [Основы](https://pythonchik.ru/osnovy) upd: 18\.03.2024 [Язык Python — описание, синтаксис, плюсы и минусы](https://pythonchik.ru/osnovy/yazyk-python-opisanie-sintaksis-plyusy-i-minusy) [](https://pythonchik.ru/) Pythonchik — интернет-медиа для тех, кто учит и использует Python. Использование материалов сайта pythonchik.ru разрешено только с указанием dofollow-ссылки. © pythonchik.ru, 2025 [контакты](https://pythonchik.ru/page/contacts)[политика конфиденциальности](https://pythonchik.ru/page/privacy_policy)[о проекте](https://pythonchik.ru/page/about)