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

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

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 실행

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.