<aside> ❗ Setting up the development environment can be a lot more time consuming than expected. Don’t be discouraged - once you’re set up, everything should be ready to go and you won’t have to do too much more setup.

</aside>

1.0 What is our Editor?

To make this workshop as straightforward as possible, we assume you'll use 😁 Visual Studio Code (VS Code) 😁 as your development environment. It's free and works on all major platforms.

Download Visual Studio Code here.

Of course it's fine to use any editor you like: Android Studio, other IntelliJ IDEs, Emacs, Vim, or Notepad++. They all work with Flutter.

We recommend using VS Code for this workshop because the instructions default to VS Code-specific shortcuts. It's easier to say things like "click here" or "press this key" instead of something like "do the appropriate action in your editor to do X".

1.1 Installing Flutter SDK

The instructions on the Flutter website cover not only the installation of the SDK itself, but also the development target-related tools and the editor plugins. Remember that, for this workshop, you only need to install the following:

  1. Flutter SDK
  2. Visual Studio Code with the Flutter plugin
  3. The software required by your chosen development target (for example: Visual Studio to target Windows, or Xcode to target macOS)

Installing Steps:

  1. Navigate to the Flutter Website:

    Open your web browser and go to the Flutter download page.

  2. Choose Your Operating System:

    Select the tab for your operating system (Windows, macOS, or Linux).

    Untitled

  3. Download the Flutter SDK:

    Click the download link to get the Flutter SDK package for your operating system.

    Untitled

    Untitled