Skip to main content

Installing VS Code

This guide provides the installation instructions for Visual Studio Code (VS Code) on Windows, macOS, and Linux along with helpful video links for each platform.

Prerequisites​

Ensure your system meets the minimum requirements:

Step 1: Install Visual Studio Code (VS Code)​

Windows:​

  1. Download the Installer:

    • Download the installer from VS Code for Windows.
    • Run the installer VSCodeUserSetup-x64-<version>.exe.

  2. Setup Instructions:

    • Choose the installation location.
    • Ensure that the option to Add to PATH is selected during the installation process.

  3. Finish the installation and launch VS Code.

macOS:​

  1. Download the .dmg file:

  2. Install:

    • Double-click the downloaded .dmg file to mount it.
    • Drag the VS Code application to your Applications folder.

  3. Open VS Code from the Applications folder.

Linux:​

  1. Debian/Ubuntu:

  2. Red Hat/Fedora:

  3. Using Snap:

    • Run the following command to install VS Code: 
      sudo snap install --classic code

Step 2: Install Flutter & Dart Extensions in VS Code​

  1. Open VS Code.
  2. Install Extensions:
    • Go to the Extensions view by pressing Ctrl+Shift+X.
    • Search for Flutter and click Install.
    • Search for Dart and click Install.

Step 3: Verify Installation​

  1. Run VS Code.
  2. Open the Command Palette (Ctrl+Shift+P) and type Flutter: New Project to create a new Flutter project.
  3. Run your project to make sure everything is set up correctly.

Video Guides for VS Code Installation​

Windows Installation Video:​

macOS Installation Video:​

Linux Installation Video:​

Step 4: Set Up Flutter​

  1. Download the Flutter SDK:

  2. Extract Flutter:

    • Windows: Extract the flutter folder to C:\src\flutter.
    • Mac/Linux: Extract the Flutter SDK to ~/development/flutter or a similar directory of your choice.

  3. Add Flutter to PATH:

    • Windows: Add C:\src\flutter\bin to your system PATH environment variable.
    • Mac/Linux: Open your terminal and add the following line to your .bash_profile (macOS) or .zshrc (Linux): 
      export PATH="$PATH:`<path_to_flutter>/flutter/bin"

    After that, run the following command to apply the changes:

    source ~/.bash_profile    # macOS
    source ~/.zshrc           # Linux

  4. Run flutter doctor to ensure everything is set up.

  5. Install Plugins:

    • Open Android Studio > Preferences > Plugins > Install Flutter and Dart.
TIPS:
  • Flutter Doctor: Run flutter doctor to check for missing dependencies.
  • For issues, refer to the Flutter docs or VS Code docs.