How to Create First Flask Project in VS Code | Flask in Visual Studio Code (2025)

In this step-by-step tutorial, you'll learn *how to create your first Flask project in Visual Studio Code (VS Code)* on Windows 11. Flask is a powerful and lightweight Python web framework that's great for beginners looking to dive into web development. With VS Code, you can easily write, debug, and run Flask applications in a clean and efficient development environment. Whether you're just getting started with Python web development or migrating from another IDE, this guide will walk you through the complete setup — from installing Flask to creating and running your first Flask app in VS Code. --- 🛠️ *What You’ll Learn:* How to install Flask using pip Setting up a Python virtual environment Installing and configuring *VS Code* for Flask development Writing your first "Hello, World!" Flask app Running Flask with the built-in terminal in VS Code Installing helpful extensions for Python and Flask development --- 📦 *Requirements:* Python (3.8 or above): [https://www.python.org/downloads/](https://www.python.org/downloads/) VS Code: [https://code.visualstudio.com/](https://code.visualstudio.com/) Flask package: installed via pip Python extension for VS Code --- 📌 *Step-by-Step Guide:* 1. Install Python and add it to your system PATH 2. Install Visual Studio Code and the Python extension 3. Create a project folder and open it in VS Code 4. Create a virtual environment: ```bash python -m venv venv ``` 5. Activate the virtual environment: ```bash venv\Scripts\activate ``` 6. Install Flask: ```bash pip install flask ``` 7. Create a `app.py` file and add the following code: ```python from flask import Flask app = Flask(__name__) @app.route("/") def home(): return "Hello, Flask in VS Code!" if _name_ == "__main__": app.run(debug=True) ``` 8. Run the app from the terminal: ```bash python app.py ``` --- 💡 *Tips for Beginners:* Use the Python extension for IntelliSense and code formatting Open a new terminal in VS Code to manage your virtual environment Use `.env` files for storing environment variables securely Debug your app with VS Code’s built-in debugger --- 📢 Don't forget to *like**, **comment**, and **subscribe* for more Python, Flask, and VS Code tutorials! \#Flask #FlaskVSCode #PythonWebDevelopment #FlaskTutorial #VSCodetutorial #FlaskBeginners #PythonFlask #WebDevelopment #InstallFlask #VSCodePython #FlaskProject #PythonTutorial #VSCodeSetup #FlaskHelloWorld #PythonBeginners