Установка и настройка Pycharm - SevenLines/university-map GitHub Wiki

Рано или поздно вам надоест работать в visual studio code, и тогда лучше выбрать более универсальный инструмент для работы с python и javascript проектами. Наиболее популярное решение это pycharm (причем именно professional версия).

Идем и скачиваем ее https://www.jetbrains.com/pycharm/download/#section=windows

устанавливаем и запускаем

идем в настройки

заходим в настройки python для проекта. В правом верхнем углу там будут указан путь к питону.

Если там вдруг ничего не указано, кликаем на колесико справа и жмем Add

далее выбираем conda environment

он создаст изолированную среду под ваш проект. Это немного более хитрый способ работы с питон проектами. Ждем пока все установится

и тыкаем Ok.

Так как Pycharm создал изолированную среду, надо снова установить все пакеты. Для этого открываем терминал (консоль) прям из pycharm:

conda install --file server\requirements.txt

и устанавливаем по старинке.

Теперь добавляем конфигурации для запуска проекта.

кликаем +, затем выбираем Python

меняем два поля, в одном указываем путь к app_server.py, в другом добавляем FLASK_DEBUG=True

Жмем Ok и пробуем запустить

если все хорошо, внизу откроется терминал с выводом сервера. Можно сходить на http://localhost:8000 и убедиться что там что-то отображается.

Теперь такую же конфигурацию надо сделать для npm. Тут все еще быстрее. Жмем

правим два поля и жмем ок

запускаем

теперь если запущен и фронт и бэк будет видно две зеленых точечки под названиями наших команд

Теперь можно сходить на http://localhost:8080 и убедится что там все работает