Как настроить vscode Live Server для работы с приложением на Flask?

Как настроить плагин Live Server в VS Code таким образом, чтобы он мог отображать роут `/example`, отрендеренный Flask'ом через шаблон без использования Jinja, и возможно ли использовать один и тот же порт для Flask-приложения и Live Server?
  • 4 марта 2024 г. 16:29
Ответы на вопрос 1
Для настройки VS Code Live Server для работы с Flask вы можете следовать следующим шагам:

1. Установите Flask в свой проект с помощью команды:
```bash
pip install Flask
```

2. Создайте файл с вашим Flask-приложением, например `app.py`:
```python
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/example')
def example():
    return render_template('example.html')

if __name__ == '__main__':
    app.run(port=5000)
```

3. Создайте шаблон для роута `/example`. Например, файл `templates/example.html`:
```html
<!DOCTYPE html>
<html>
<head>
    <title>Example Page</title>
</head>
<body>
    <h1>Hello from Flask!</h1>
</body>
</html>
```

4. Установите расширение Live Server для VS Code, если у вас его еще нет.

5. Откройте ваш файл `example.html` в VS Code и нажмите правой кнопкой мыши на него. Выберите "Open with Live Server", чтобы открыть страницу в браузере.

Чтобы указать Live Server на использование другого порта вместо стандартного 5500, вы можете добавить параметр `--port=5000` к команде запуска Live Server в вашем файле конфигурации `.vscode/settings.json`:
```json
{
    "liveServer.settings.port": 5000
}
```

Теперь ваше Flask-приложение должно работать на порту 5000, и Live Server должен отображать страницу `/example`, отрендеренную через шаблон без использования Jinja.
Похожие вопросы