플러터(flutter) 개발환경 Windows OS 설치 후 Demo 앱 만들기

2020-02-092020-02-09 이경용

Windows에서 Flutter 개발 환경 설치시 참고한 내용
https://flutter-ko.dev/docs/get-started/install/windows

1) 안드로이드 스튜디오 설치

https://developer.android.com/studio

2) Flutter SDK 설치

https://flutter-ko.dev/docs/get-started/install

에서 윈도우 버전 다운로드 후 특정 폴더에 압축 풀기

예) C:\dev\flutter

3) 환경 변수 설정

제어판 > 시스템 환경 변수 설정 > Path 설정

예) C:\dev\flutter\bin

4) 명령프롬프트(cmd) 창에서 flutter doctor 실행

– 라이센스 : flutter doctor —android-licenses 실행 후 계속 ‘y’ 클릭

– 안드로이드 스튜디오에서 Configure > Plugins 누르고 Flutter 검색해서 설치 (Dart도 같이 설치됨)

– Configure > AVD Manager > Create Vitual Device 들어가서 에뮬레이터 하나 만들고 실행

https://flutter.dev/docs/get-started/install/windows#set-up-the-android-emulator

– 나의 경우 SDK 19버전 설치 안되어 있어서 추가로 설치 했음.

– flutter doctor 실행 후 No issues found! 라고 나타나면 설치 끝.

5) 안드로이드 스튜디오 IDE에서 New Flutter Application 선택- Flutter Application 선택 후 Next 클릭
– Flutter SDK path 확인, 만약 비어 있으면 Instal SDK… 클릭 후 flutter sdk 폴더 만들어서 선택- 프로젝트 이름 입력 예) helloworld
– Finish 클릭

6) 기존 코드를 아래 코드로 수정Hello World Code :

// Flutter
import 'package:flutter/material.dart';
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello world'),
        ),
      ),
    );
  }
}

7) Run 실행