Agent skill

install-flutter-from-git

Install Flutter SDK via git clone and configure for all platforms

View SKILL.md on GitHub Repository
Stars 37
Forks 5

Install this agent skill to your Project

npx add-skill https://github.com/rodydavis/skills/tree/main/skills/install-flutter-from-git

SKILL.md

Install Flutter from Git

This skill guides you through installing the Flutter SDK using git clone and setting up the environment for Web, Mobile, and Desktop development.

1. Prerequisites (All Platforms)

Ensure you have the following installed:

  • Git: Install Git
  • Curl/Unzip (macOS/Linux usually have these; Windows usually needs Git Bash or similar)

2. Install Flutter SDK

macOS / Linux

Open your terminal and run the following commands to clone the stable branch of the Flutter SDK.

bash
# Create a directory for development (e.g., ~/development)
mkdir -p ~/development
cd ~/development

# Clone the Flutter SDK
git clone https://github.com/flutter/flutter.git -b stable

Windows

Open PowerShell or Command Prompt.

powershell
# Create a directory for development (e.g., C:\src)
mkdir C:\src
cd C:\src

# Clone the Flutter SDK
git clone https://github.com/flutter/flutter.git -b stable

3. Add Flutter to PATH

To run flutter commands from any terminal, you must add the SDK's bin directory to your PATH.

macOS (Zsh) / Linux (Bash/Zsh)

  1. Open your shell configuration file (e.g., ~/.zshrc, ~/.bashrc, or ~/.zshenv).

  2. Add the following line (replace ~/development/flutter with your actual path):

    bash
    export PATH="$PATH:$HOME/development/flutter/bin"

  3. Refresh your current terminal:

    bash
    source ~/.zshrc  # or ~/.bashrc

Windows

  1. Press Win + S, type "env", and select Edit the system environment variables.
  2. Click Environment Variables.
  3. Under User variables, select Path and click Edit.
  4. Click New and add the full path to flutter\bin (e.g., C:\src\flutter\bin).
  5. Click OK on all windows.
  6. Restart your terminal/PowerShell.

4. Verify Installation

Run the following command to check for missing dependencies:

bash
flutter doctor

5. Platform Setup

Web (Chrome)

  1. Install Chrome: Ensure Google Chrome is installed.
  2. Enable Web Support (usually enabled by default):
    bash
    flutter config --enable-web
  3. Verify: Run flutter devices to see "Chrome" listed.

Mobile (iOS & Android)

iOS (macOS only)

  1. Install Xcode: Download from the Mac App Store.
  2. Configure Command Line Tools:
    bash
    sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
  3. Install CocoaPods (for dependency management):
    bash
    sudo gem install cocoapods
  4. Simulator: Open via open -a Simulator.

Android (All Operating Systems)

  1. Install Android Studio: Download here.
  2. Install SDK Components:
    • Open Android Studio -> SDK Manager.
    • Install Android SDK Platform-Tools.
    • Install Android SDK Command-line Tools (latest).
  3. Accept Licenses:
    bash
    flutter doctor --android-licenses
    (Press y to accept all licences).
  4. Emulator: Create a device in AVD Manager.

Desktop (macOS, Windows, Linux)

macOS Desktop

  1. Install Xcode: (Same as iOS steps above).
  2. Enable macOS:
    bash
    flutter config --enable-macos-desktop

Windows Desktop

  1. Install Visual Studio (not VS Code): Download VS Community.
  2. Workloads: When installing, select Desktop development with C++.
  3. Enable Windows:
    bash
    flutter config --enable-windows-desktop

Linux Desktop

  1. Install Dependencies (Ubuntu/Debian example):
    bash
    sudo apt-get update
sudo apt-get install clang cmake ninja-build pkg-config libgtk-3-dev liblzma-dev
  2. Enable Linux:
    bash
    flutter config --enable-linux-desktop

6. Final Check

Run flutter doctor again to ensure all desired platforms have checkmarks.

bash
flutter doctor -v

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

rodydavis/skills

how-to-do-offline-recommendations-with-sqlite-and-gemini

Learn how to enhance your CMS like PocketBase with AI-powered content recommendations using text embeddings, SQLite, and k-nearest neighbor search for efficient and scalable related content suggestions.

37 5
Explore
rodydavis/skills

how-to-build-a-webrtc-signal-server-with-pocketbase

Learn how to build a simple WebRTC video call application using PocketBase as a signaling server, enabling peer-to-peer communication with SQLite on the server and realtime updates via Server Sent Events.

37 5
Explore
rodydavis/skills

flutter-terminal-cheat-sheet

This post provides a handy collection of Flutter commands and scripts for web development, package creation, troubleshooting, testing, and more, streamlining your Flutter workflow.

37 5
Explore
rodydavis/skills

how-to-print-multiple-objects-to-the-console-with-print-in-dart

Learn how to print multiple objects to the console in Dart using Records, offering a similar experience to JavaScript's `console.log()` functionality.

37 5
Explore
rodydavis/skills

flutter-input-output-preview

Build responsive Flutter apps with a reusable `TwoPane` widget and an `InputOutputPreview` component for side-by-side code and preview display on both mobile and desktop.

37 5
Explore
rodydavis/skills

displaying-html-in-flutter

Easily display and interact with HTML content in your Flutter app using the `easy_web_view` package, which supports both web and mobile platforms.

37 5
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results