Community코딩 & 개발github.com

flutter/flutter-setting-up-on-windows

Windows 환경에서 Flutter 개발을 위한 환경을 설정합니다. Windows 데스크톱 또는 Android용 Flutter 애플리케이션을 실행, 빌드 또는 배포하기 위해 Windows 머신을 구성할 때 사용하세요.

flutter-setting-up-on-windows란 무엇인가요?

이 스킬은 Windows 환경에서 Flutter 개발을 위한 초기 설정을 자동화합니다. Flutter SDK 설치, Android Studio 및 Android SDK 설정, Windows용 Visual Studio 빌드 도구 설치, 환경 변수 구성 등 Flutter 개발에 필요한 모든 단계를 처리합니다. 주로 Windows 데스크톱 및 Android 플랫폼을 대상으로 하는 Flutter 프로젝트에서 유용하며, 수동 설정 과정에서 발생할 수 있는 오류를 방지하고 빠르게 개발 환경을 구축할 수 있습니다. Claude Code, Cursor, Codex와 같은 AI 도우미와 함께 사용하여 명령어 기반으로 설정할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
Part ofMobile
npx skills add https://github.com/flutter/skills/tree/main/skills/flutter-setting-up-on-windows

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

flutter-setting-up-on-windows은(는) 무엇을 하나요?

Windows 환경에서 Flutter 개발을 위한 환경을 설정합니다. Windows 데스크톱 또는 Android용 Flutter 애플리케이션을 실행, 빌드 또는 배포하기 위해 Windows 머신을 구성할 때 사용하세요.

설치 단계

  1. Flutter SDK 다운로드 및 설치

    • Flutter 공식 웹사이트에서 최신 Flutter SDK를 다운로드합니다.
    • 다운로드한 ZIP 파일을 원하는 디렉토리(예: C:\src\flutter)에 압축 해제합니다.
  2. 환경 변수 설정

    • flutter/bin 디렉토리를 시스템 PATH에 추가합니다.
    • 예: C:\src\flutter\bin
  3. Flutter 종속성 확인

    • 명령 프롬프트에서 다음 명령어를 실행합니다:
      flutter doctor
      
    • flutter doctor는 누락된 종속성이 있는지 확인하고 해결 방법을 제시합니다.
  4. Android Studio 설치 (Android 개발용)

  5. Visual Studio 설치 (Windows 데스크톱 개발용)

    • Visual Studio 다운로드 페이지에서 Visual Studio 2022 Community Edition을 다운로드하여 설치합니다.
    • 워크로드 선택 시 .NET 데스크톱 개발 및 C++를 사용한 데스크톱 개발을 포함합니다.
  6. Android SDK 설정

    • Android Studio를 실행하고 SDK Manager를 통해 Android SDK를 설치/업데이트합니다.
    • 환경 변수 ANDROID_HOME을 설정합니다(예: C:\Users\<사용자명>\AppData\Local\Android\Sdk).
  7. Flutter Doctor 재실행

    • 모든 설정이 완료되었는지 확인하기 위해 다시 실행합니다:
      flutter doctor
      
    • 모든 체크 항목에 ✅ 표시가 되어야 합니다.

참고사항

  • Windows 버전: Windows 10 이상(최신 업데이트 적용)을 권장합니다.
  • 디스크 공간: 약 8-10GB의 여유 공간이 필요합니다(Android SDK 및 Visual Studio 포함).
  • 인터넷 연결: Flutter SDK 다운로드 및 추가 도구 설치를 위해 안정적인 인터넷 연결이 필요합니다.
  • 호환성 문제: 일부 환경에서는 flutter doctor가 경고를 표시할 수 있지만, 모든 항목이 정상인 경우 해당 경고는 무시해도 됩니다.

문제 해결

  • flutter doctor에서 Android License 오류: flutter doctor --android-licenses 명령어로 라이선스에 동의하세요.
  • Visual Studio 빌드 도구 누락: Visual Studio Installer를 열고 C++를 사용한 데스크톱 개발 워크로드가 설치되었는지 확인하세요.
  • 경로에 공백 포함: Flutter SDK 경로에 공백이 포함되지 않도록 주의하세요(예: C:\Program Files 대신 C:\src\flutter 사용).

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

flutter/flutter-accessibility

Configure your Flutter app to support assistive technologies like Screen Readers

flutter/flutter-accessibility-audit

Triggers an accessibility scan through the widget_inspector and automatically adds Semantics widgets or missing labels to the source code.

flutter/flutter-adding-home-screen-widgets

Adds home screen widgets to a Flutter app for Android and iOS. Use when providing glanceable app information or quick actions on the device home screen.

flutter/flutter-add-integration-test

Configures Flutter Driver for app interaction and converts MCP actions into permanent integration tests. Use when adding integration testing to a project, exploring UI components via MCP, or automating user flows with the integration_test package.

flutter/flutter-add-widget-preview

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.

flutter/flutter-add-widget-test

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating that a specific widget displays correct data and responds to events as expected.

flutter/flutter-animating-apps

Implements animated effects, transitions, and motion in a Flutter app. Use when adding visual feedback, shared element transitions, or physics-based animations.

flutter/flutter-animation

Add animated effects to your Flutter app

flutter/flutter-apply-architecture-best-practices

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.

flutter/flutter-app-size

Measure and reduce the size of the Flutter app bundle, APK, or IPA

flutter/flutter-architecting-apps

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use when structuring a new project or refactoring for scalability.

flutter/flutter-architecture

Use the Flutter team's recommended app architecture

flutter/flutter-building-forms

Builds Flutter forms with validation and user input handling. Use when creating login screens, data entry forms, or any multi-field user input.

flutter/flutter-building-layouts

Builds Flutter layouts using the constraint system and layout widgets. Use when creating or refining the UI structure of a Flutter application.

flutter/flutter-building-plugins

Builds Flutter plugins that provide native interop for other apps to use. Use when creating reusable packages that bridge Flutter with platform-specific functionality.

flutter/flutter-build-responsive-layout

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.

flutter/flutter-caching

Cache data in a Flutter app

flutter/flutter-caching-data

Implements caching strategies for Flutter apps to improve performance and offline support. Use when retaining app data locally to reduce network requests or speed up startup.

flutter/flutter-concurrency

Execute long-running tasks in a background thread in Flutter

flutter/flutter-databases

Work with databases in a Flutter app

관련 스킬