Как установить flask в visual studio code
В последнее время я работал над настройкой flask, nginx и других сред в среде Windows, надеясь самостоятельно создать веб-сайт интерфейсной и серверной разработки. Большая часть информации, собранной в Интернете, - это конфигурация в среде Linux, а pycharm используется в качестве инструмента разработки.
Но как перспективный программист vscode можно охарактеризовать как универсальный инструмент разработки. Он может не только разрабатывать программы c / cpp, но и писать коды html, css и JavaScript. Основные языки java и python также очень хорошо поддерживают, поэтому в Здесь я буду использовать vscode в качестве инструмента разработки и объясню некоторые различия в выполнении команд в командной строке cmd и в командной строке PowerShell vscode. Его также можно рассматривать как запись некоторых небольших ям в процессе настройки, предоставляя некоторый опыт многим детям, которые сильно зависят от vscode.
Создание виртуальной среды (conda)
Если ты нуб
Конечно, если вы просто белый, вы все равно используете virtualenv Создадим управление:
Если вы уже разместили анаконду
Создать среду: conda create -n music python=3.7
Музыка - это имя моей среды, python = 3.7 указывает версию python, используемую средой, вы можете изменить и заменить эти два элемента
Вот несколько общих команд conda:
После создания окружения мы сначала входим в это окружение: conda activate music
Затем выполните другие операции. В настоящее время все конфигурации выполняются только в этой среде и действительны только для этой среды. После выхода из этой среды все конфигурации становятся недействительными.
Установить ngnix
Загрузите и установите сжатый пакет
Я загрузил версию основной версии для Windows, вы также можете напрямую щелкнуть ссылку для загрузки: nginx/Windows-1.17.8
Разархивировать начало
После завершения загрузки разархивируйте, не дважды щелкните nginx.exe напрямую, а запустите cmd, откройте каталог, в котором находится nginx.exe, и введите cd nginx-1.17.8
Затем запустите службу nginx: start nginx
Дополнение: Команда закрытия nginx: nginx -s stop или nginx -s quit
Оптимизированная конфигурация (для справки можно сразу пропустить)
Установить колбу
Прямая установка
Убедитесь, что вы находитесь в своей виртуальной среде, и введите: conda install flask или pip install flask
Примечание: conda также можно использовать в качестве установочного инструмента, насколько он универсален?
Создать файл проекта
В качестве фляжного проекта мы должны понимать концепцию нисходящего дизайна, то есть сначала определить общую структуру проекта, а затем перейти к деталям дизайна. Структура проекта выглядит следующим образом:
demo - это имя проекта. Стоит отметить, что файлы static и templates и python должны быть размещены на одном уровне, тогда static используется для хранения файлов css, js, img, шаблоны используются для хранения файлов html, а файлы python используются для обработки отношений бизнес-логики. Такая конфигурацияТребуется колба, Он найдет только соответствующий файл таким образом ！！！
Напишите конкретный контент
Напишите в index.html
Напишите в index.py
Скомпилировать и запустить
В обычных условиях используйте cmd для входа в виртуальную среду и введите python -m flask run Бежать
Печатайте прямо в PowerShell python -m flask run появляются
Возможно, ваша оболочка vscode powershell не входит в виртуальную среду, вам следует ввести ее в оболочку powershell vscode в это время conda activate music
Затем вы получите приглашение, Powershell, похоже, не поддерживает работу активной виртуальной среды, поэтому вам нужно переключить терминал по умолчанию vscode на cmd, положение переключателя показано на рисунке ниже, нажмите `` Выбрать оболочку по умолчанию '' и затем перезапустите.
Далее вы можете ввести conda activate music , В случае успеха появится путь впереди (music)
Затем войдите снова python -m flask run , Сообщит о новой ошибке:
Это потому, что вы не настроили среду flask, поэтому flask не может найти ваш index.py, поэтому он не может работать. Обратите внимание, что на картинке что-то есть app.py , На самом деле фляга ищет по умолчанию app.py Выполнить, поэтому, если вы начнете с имени файла python app.py , Может быть, он может работать успешно, но мы все же хотим назвать себя, поэтому нам нужно настроить среду flask:
Введите в командной строке vscode:
Здесь задаются несколько свойств, которые мы объясняем в сочетании со следующим рисунком:
Выше set FLASK_APP=./demo/index.py Это файл python (пользовательское имя файла), для которого настроен запуск фляги, set FLASK_ENV=development На картинке это вариант окружения. Если он не установлен, он, как и раньше, будет давать красное предупреждение (но это не вредно, но у меня обсессивно-компульсивное расстройство). set FLASK_DEBUG=1 Это параметр отладчика на рисунке, указывающий, что отладка разрешена.
О vscode
Прежде чем мы выбрали оболочку vscode для работы в командной строке, мы также можем выбрать режим отладки и нажать «ctrl + F5» для запуска операции, что на самом деле является режимом на рисунке:
Последние несколько лет специалисты Microsoft трудились над тем, чтобы добавить поддержку инструментов разработчика Python в одни из наших самых популярных продуктов: Visual Studio Code и Visual Studio. В этом году все заработало. В статье мы познакомимся с инструментами разработчика Python в Visual Studio, Visual Studio Code, Azure и т. д. Заглядывайте под кат!
Python — один из самых быстро развивающихся языков программирования, к которому обращаются как начинающие, так и опытные разработчики. Его популярность обусловлена легкой в освоении семантикой и широким спектром применения, начиная от написания скриптов и заканчивая созданием веб-сервисов и моделей машинного обучения.
Visual Studio Code
Расширение Python для Visual Studio Code с открытым исходным кодом включает в себя другие общедоступные пакеты Python, чтобы предоставить разработчикам широкие возможности для редактирования, отладки и тестирования кода. Python — самый быстроразвивающийся язык в Visual Studio Code, а соответствующее расширение является одним из самых популярных в разделе Marketplace, посвященном Visual Studio Code!
Чтобы начать работу с расширением, необходимо сначала скачать Visual Studio Code, а затем, следуя нашему руководству Начало работы с Python, установить расширение и настроить основные функции. Рассмотрим некоторые из них.
Прежде всего необходимо убедиться, что Visual Studio Code использует правильный интерпретатор Python. Чтобы сменить интерпретатор, достаточно выбрать нужную версию Python в строке состояния:
Селектор поддерживает множество разных интерпретаторов и сред Python: Python 2, 3, virtualenv, Anaconda, Pipenv и pyenv. После выбора интерпретатора расширение начнет использовать его для функции IntelliSense, рефакторинга, анализа, выполнения и отладки кода.
Чтобы локально запустить скрипт Python, можно воспользоваться командой «Python: Create Terminal» («Python: создать терминал») для создания терминала с активированной средой. Нажмите CTRL + Shift + P (или CMD + Shift + P на Mac), чтобы открыть командную строку. Чтобы выполнить файл Python, достаточно щелкнуть на нем правой кнопкой мыши и выбрать пункт «Run Python File in Terminal» («Запустить файл Python в терминале»):
Эта команда запустит выбранный интерпретатор Python, в данном случае виртуальную среду Python 3.6, для выполнения файла:
Расширение Python также включает шаблоны отладки для многих популярных типов приложений. Перейдите на вкладку «Debug» («Отладка») и выберите «Add Configuration…» («Добавить конфигурацию. ») в выпадающем меню конфигурации отладки:
Вы увидите готовые конфигурации для отладки текущего файла, подключающегося к удаленному серверу отладки или соответствующему приложению Flask, Django, Pyramid, PySpark или Scrapy. Для запуска отладки нужно выбрать конфигурацию и нажать зеленую кнопку Play (или клавишу F5 на клавиатуре, FN + F5 на Mac).
Расширение Python поддерживает различные анализаторы кода, для которых можно настроить запуск после сохранения файла Python. PyLint включен по умолчанию, а другой анализатор можно выбрать с помощью команды «Python: Select Linter» («Python: выбрать анализатор кода»):
Это еще не все: предусмотрена поддержка рефакторинга, а также модульного тестирования с помощью unittest, pytest и nose. К тому же вы можете использовать Visual Studio Live Share для удаленной работы над кодом Python вместе с другими разработчиками!
Python в Visual Studio
Чтобы включить поддержку Python в Visual Studio на Windows, необходимо выбрать рабочую нагрузку «Разработка на Python» и (или) рабочую нагрузку «Приложения для обработки и анализа данных и аналитические приложения» в установщике Visual Studio:
Можно установить различные версии Python и Anaconda, выбрав их в меню дополнительных компонентов (см. правую часть скриншота выше).
После установки рабочей нагрузки Python, можно начать работу, создав проект Python в разделе с помощью меню «Файл -> Новый проект» (в списке установленных компонентов выберите Python):
Чтобы создать приложение с нуля, откройте шаблон приложения Python и приступайте к написанию кода. Также можно создать проект, взяв за основу существующий код Python или используя веб-шаблоны для Flask, Django и Bottle. Ознакомьтесь с нашим Руководством по Flask и Руководством по Django, чтобы получить подробную информацию по разработке веб-приложений с помощью этих платформ и Visual Studio.
Если установлена рабочая нагрузка по обработке и анализу данных, также можно использовать шаблоны для проектов по машинному обучению с использованием Tensorflow и CNTK.
После того как проект создан, управлять виртуальными средами и средами conda можно с помощью узла «Python Environments» («Среды Python») в обозревателе решений и окне среды Python. Щелкнув правой кнопкой мыши по активной среде Python и выбрав соответствующий пункт меню, можно установить дополнительные пакеты:
Можно даже проводить отладку кода на обоих языках в рамках одного сеанса, например, переключившись с типа отладки C++ на Python/Native:
Ознакомиться с подробной информацией о вставке Python в приложения C++ можно в публикации Вставка Python в проект C++ в блоге Python.
Кроме того, Visual Studio включает профилировщик Python и поддерживает модульное тестирование Python в Обозревателе тестов.
Python в Azure
Пакет Azure SDK для Python позволяет создавать службы в Azure, управлять ими и взаимодействовать с ними. Командная строка Azure CLI написана на Python, поэтому почти все, что она позволяет сделать, вы можете также выполнить на программном уровне с помощью пакета Python SDK.
Можно устанавливать отдельные библиотеки, например для установки пакета SDK для взаимодействия с Azure Storage воспользуйтесь командой:
Рекомендуется устанавливать только нужные вам пакеты, но для удобства вы можете установить весь набор пакетов Azure SDK, выполнив следующую команду:
После установки пакета SDK вы получаете доступ ко множеству полезных служб, начиная от использования API машинного обучения с помощью Azure Cognitive Services и заканчивая размещением глобально распределенных данных с помощью Azure Cosmos DB.
Веб-приложения можно развернуть с помощью функции Azure «Веб-приложение для контейнеров». Ознакомьтесь с видео From Zero to Azure with Python and Visual Studio Code (В Azure с нуля с помощью Python и Visual Studio Code), предоставляющим всю необходимую информацию по развертыванию приложений Flask с использованием Visual Studio Code. Также обратите внимание на краткое пособие по развертыванию приложения Flask с использованием командной строки.
Кроме того, на Azure можно запускать свободно размещенные блокноты Jupyter, поэтому локальная установка Jupyter не потребуется. К блокнотам Jupyter можно открывать доступ для их совместного использования. Например, вы можете просмотреть находящийся в общем доступе блокнот для создания рукописного текста с помощью машинного обучения:
Полезные материалы по теме
Мини-книга «Создавайте более качественные приложения и быстро используйте данные там, где это нужно»
Читайте электронную книгу Создание современных приложений на основе больших данных в глобальном масштабе, чтобы узнать, как готовая к использованию глобально распределенная служба баз данных Azure Cosmos DB меняет подходы к управлению данными. Обеспечивайте доступность, согласованность и защиту данных, используя передовые отраслевые технологии корпоративного класса для соблюдения нормативных требований и обеспечения безопасности. Начните разработку лучших приложений для своих пользователей на базе одной из пяти четко определенных моделей согласованности.
Семинар «Как выбрать правильную инфраструктуру для выполнения ваших рабочих нагрузок в Azure»
В этом семинаре присоединитесь к рассказу регионального директора Microsoft Эрику Бойду, MVP Azure, о том, как выбрать правильные виртуальные машины, хранилища и сети для приложений и рабочих нагрузок в Azure.
Руководство по архитектуре облачных приложений
Используйте структурированный подход к разработке облачных приложений. В этой 300-страничной электронной книге об архитектуре облачных вычислений рассматриваются рекомендации по архитектуре, разработке и внедрению, которые применяются независимо от выбранной облачной платформы. В это руководство включены шаги по:
Создайте проект: Файл>Создать>Проект>Python>Web>Веб-проект>OK.
Разверните проект в обозревателе решений, щелкните правой кнопкой мыши «Среды Python» и выберите «Добавить виртуальное окружение».
Примите имя среды по умолчанию «env» и создайте виртуальную среду python.
При успешном создании виртуальной среды Visual studio автоматически указывает на вновь созданную виртуальную среду вместо глобальной среды Python
Щелкните правой кнопкой мыши «env» (имя виртуальной среды) и выберите «Установить пакет Python».
Укажите в поисковом окне имя пакета как «Flask» и установите этот пакет:
Теперь все готово, и следующим шагом является создание реального веб-приложения.
Добавьте в проект файл с именем index.py
Установите index.py в качестве файла запуска (щелкните правой кнопкой мыши на index.py и выберите «Задать как файл запуска» в контекстном меню).
Добавьте приведенный ниже код в index.py.
Приведенный выше фрагмент кода создает переменную с именем «data» и передает ее значение в «index.html», когда пользователь попадает в «корневое» местоположение («/») веб-сайта.
Добавьте в проект две папки (в контекстном меню Добавить>Создать папку)с именами «templates» и «static».
Это папки, в которых Flask будет искать html-файлы (templates) и другие ресурсы (static).
Добавьте новый HTML-файл (Добавить >Создать элемент>HTML-страница) с именем «index.html» в папку templates и вставьте приведенный ниже фрагмент HTML в этот файл:
Добавьте новый файл (Добавить >Создать элемент>Таблица стилей) с именем «style.css» в папку static и вставьте приведенный ниже фрагмент css кода в файл:
Структура проекта окончательно будет выглядеть, как на рисунке:
Создайте проект: Файл>Создать>Проект>Python>Web>Веб-проект Flask>OK.
Если все настроено правильно, вы увидите сайт, аналогичный показанному ниже:
Модифицируйте сайт, созданный на основе Flask-шаблона. Для этого в обозревателе решений проекта через контекстное меню создайте Пустой файл Python с именем: app.py
Вставьте следующий код в файл app.py
Выберите в контекстном меню Задать как файл запуска
VS Code от Microsoft – легкий и удобный редактор кода, доступный на всех платформах и невероятно гибкий. Это отличный выбор для программирования на Python.
В этой статье мы рассмотрим способы установки и настройки максимально эффективной рабочей среды для разработки.
Статья предназначена для программистов, уже имеющих опыт работы с Python и установивших на свою рабочую машину интерпретатор этого языка программирования (Python 2.7, Python 3.6/3.7, Anaconda или другой дистрибутив).
Установка Python – дело несложное: здесь вы найдете подробное пошаговое руководство для всех популярных ОС. Помните, что в разных операционных системах интерфейс VS Code может немного различаться.
Установка и настройка Visual Studio Code для разработки на Python
Сразу же отметим, что VS Code не имеет практически ничего общего с его знаменитым тезкой Visual Studio.
Редактор очень легко установить на любую платформу: на официальном сайте есть подробные инструкции для Windows, Mac и Linux.
Продукт ежемесячно обновляется и улучшается. В него из коробки встроена поддержка нескольких языков и удобная модель расширения. Пользовательский интерфейс предельно прост и понятен.
VS Code + Python
С 2018 года есть расширение для Python. Наблюдать за развитием отношений этой пары можно в блоге Microsoft.
Основные возможности редактора:
- Поддержка Python 3.4 и выше, а также Python 2.7
- Автоматическое дополнение кода с помощью IntelliSense
- Автоматическое использование conda и виртуальных сред
- Редактирование кода в средах Jupyter и Jupyter Notebooks
А вот пара полезных подборок для прокачки Python-скиллов:
В редакторе есть и полезные фичи, не связанные напрямую с языком:
-
для Atom, Sublime Text, Emacs, Vim, PyCharm и множества других редакторов
- Настраиваемые темы оформления для множества языков, включая русский
И еще несколько крутых возможностей для полного счастья:
-
– множество полезных функций Git прямо в редакторе, включая аннотации blame и просмотр репозитория.
- Автосохранение (File - Auto Save) и удобная настройка его задержки. между различными устройствами с помощью GitHub.
- Удобная работа с Docker.
Чтобы найти и установить необходимые расширения и темы, нажмите на иконку Расширения на левой панели. Можно искать по ключевым словам и сортировать результаты поиска.
Найдите расширение Python и установите его, чтобы продолжить настройку редактора.
Файлы конфигурации
В Visual Studio Code вы легко можете настроить все под себя. Здесь есть параметры пользователя, которые являются глобальными, и параметры рабочей области – локальные для конкретных папок или проектов. Локальные настройки сохраняются в виде .json-файлов в папке .vscode.
Новый проект на Python
Чтобы открыть новый файл, нужно зайти в меню Файл и выбрать пункт Создать или нажать горячую комбинацию клавиш Ctrl+N .
Еще в редакторе есть полезная палитра команд, которую можно вызвать сочетанием Ctrl+Shift+P . Для создания нового файла введите в появившемся поле File: New File и нажмите Enter .
Какой бы способ вы ни выбрали, перед вами должно открыться вот такое окно:
Здесь уже можно вводить код вашей программы.
Начинаем кодить
Для демонстрации возможностей редактора напишем "Решето Эратосфена" – известный алгоритм для нахождения простых чисел до некоторого предела. Начнем кодить:
На экране это будет выглядеть примерно так:
Подождите, что-то не так. Почему-то VS Code не выделяет ключевые слова языка, не дополняет, не форматирует и вообще ничего полезного не делает. Зачем он вообще такой нужен?
Без паники! Просто сейчас редактор не знает, с каким файлом он имеет дело. Смотрите, у него еще нет названия и расширения – только какое-то неопределенное Untitled-1. А в правом нижнем углу написано Plain Text (простой текст).
Установка Python плагина уже произведена, теперь его нужно активировать. Для этого достаточно просто сохранить файл с нужным расширением. Для этого у нас опять же три способа:
- меню: Файл - Сохранить
- горячая комбинация: Ctrl+S
- палитра команд: File: Save File
Дайте файлу имя sieve.py.
Теперь редактор понял, что имеет дело с кодом на Python, и исправился:
Так гораздо лучше! В правом нижнем углу появилась надпись Python, значит все работает правильно.
Если на вашем компьютере установлено несколько интерпретаторов языка (Python 2.7, Python 3.x или Anaconda), вы можете выбирать нужный. Для этого кликните на индикаторе языка (внизу в левой части экрана) или наберите в палитре команд Python: Select Interpreter .
По умолчанию VS Code поддерживает форматирование с использованием pep8, но вы можете выбрать black или yapf, если хотите.
Допишем код алгоритма:
Если вы будете вводить его вручную (без copy-paste), то сможете увидеть IntelliSense редактора в действии.
VS Code автоматически делает отступы перед операторами for и if , добавляет закрывающие скобки и предлагает варианты завершения слов.
Запуск программы
Чтобы запустить готовую программу, нам даже не нужно выходить из редактора! Просто сохраните файл, вызовите правой кнопкой мыши контекстное меню и выберите в нем пункт Выполнить файл в консоли.
Теперь, когда код завершен, его можно запустить. Для этого не нужно выходить из редактора: Visual Studio Code может запускать эту программу непосредственно в Редакторе. Сохраните файл (с помощью Ctrl+S ), затем щелкните правой кнопкой мыши в окне редактора и выберите пункт Запустить файл Python в терминале.
В нижней части окна должна появиться панель терминала с результатом работы программы.
Линтинг кода
- flake8
- mypy
- pydocstyle
- pep8
- prospector
- pyllama
- bandit
Подробные сведения о настройке каждого из них вы можете найти здесь.
Обратите внимание, что линтер настраивается для конкретной рабочей области, а не глобально.
Редактирование существующего проекта
Итак, мы научились создавать новые файлы. Это здорово, но все же большую часть времени вам придется работать с уже существующими проектами, которые состоят из множества отдельных файлов и папок.
С редактором можно работать прямо из консоли, открывая и создавая файлы простой командой code filename.py .
Посмотрим, на что способен VS Code на примере уже готового проекта. Это библиотека для анализа уравнений, основанная на "алгоритме маневровой станции" (shunting-yard algorithm) Дийкстры. Вы можете клонировать этот репозиторий, чтобы начать работу.
Открыть созданную локально папку в редакторе можно из терминала:
VS Code умеет работать с различными средами: virtualenv, pipenv или conda.
Также вы можете открыть папку прямо из интерфейса редактора:
- меню: Файл - Открыть папку
- горячие клавиши: Ctrl+K , Ctrl+O
- из палитры команд: File: Open Folder
Вот так выглядит открытый проект:
По умолчанию при открытии папки VS Code также открывает файлы, с которыми вы работали в последний раз. Это поведение можно изменить.
Теперь вы можете открывать, редактировать, запускать и отлаживать все файлы проекта, перечисленные в левой панели. Над проводником отображаются все файлы, с которыми вы в данный момент работаете.
Тестирование
Грамотное программирование на Python помимо собственно написания кода включает также его тестирование.
Visual Studio Code умеет автоматически распознавать тесты в unittest, pytest или Nose. В нашем проекте есть модульный тест, который можно использовать для примера.
Чтобы запустить существующие тесты, из любого файла Python вызовите правой кнопкой мыши контекстное меню и выберите пункт Запустить текущий тестовый файл.
Нужно будет указать используемый для тестирования фреймворк, путь поиска и шаблон для имени файлов тестов. Эти настройки сохраняются как параметры рабочей области в локальном файле .vscode/settings.json. Для нашего проекта нужно выбрать unittest, текущую папку и шаблон *_test.py.
Теперь можно запустить все тесты, кликнув на Run Tests в строке состояния или из палитры команд.
Также тесты можно выполнять по отдельности, что позволяет экономить много времени, работая только с неудачными методами.
Результаты тестов отображаются во вкладке Output (раздел Python Test Log выпадающего меню).
Посмотрите также:
Отладка кода
Несмотря на то, что VS Code – это просто редактор кода, а не полноценная IDE, он позволяет отлаживать код Python прямо в рабочей области. У него есть много функций, которые должны быть у хорошего отладчика:
- Автоматическое отслеживание переменных
- Отслеживание выражений
- Точки прерывания
- Инспекция стека вызовов
Все эти данные можно найти во вкладке Debug левой панели.
Отладчик может управлять приложениями Python, запущенными во встроенной консоли или внешнем терминале. Он может подключаться к уже запущенным экземплярам Python и даже отлаживать приложения Django и Flask.
Отладить программу на Python так же просто, как запустить отладчик с помощью F5 . Используйте F10 и F11 для перехода к следующей функции и для захода в текущую функцию. Shift+F5 – выход из отладчика. Точки останова задаются с помощью клавиши F9 или щелчком мыши в левом поле окна редактора.
Перед началом отладки более сложных проектов, включая приложения Django или Flask, необходимо настроить и выбрать конфигурацию отладки. Сделать это очень просто. Во вкладке Debug найдите раскрывающееся меню Configuration и нажмите Add Configuration:
VS Code создаст и откроет файл .vscode/launch.json, в котором можно настроить конфигурации Python, а также отладку приложений.
Вы даже можете выполнять удаленную отладку и дебажить шаблоны Jinja и Django. Закройте launch.json и выберите нужную конфигурацию приложения из раскрывающегося списка.
Посмотрите также:
Интеграция с Git
В VS Code прямо из коробки есть встроенная поддержка управления версиями. По умолчанию подключен Git и GitHub, но вы можете установить поддержку других систем. Все работа происходит во вкладке Source Control левого меню:
Если в проекте есть папка .git, весь спектр функций Git/GitHub включается автоматически. Вы можете:
Все эти функции доступны прямо из пользовательского интерфейса:
VS Code также распознает изменения, внесенные вне редактора.
Visual Studio Code + Python = довольный разработчик
Visual Studio Code – один из самых крутых редакторов кода и замечательный инструмент для разработки. Редактор из коробки предлагает множество полезных возможностей и гибко подстраивается под все ваши потребности. Программирование на Python становится проще и эффективнее.
А какой редактор (или полноценную IDE) для разработки на Python используете вы?
Читайте также: