Flutter 설치하기 : Installation

 

1.Window

💡 참고하세요

@Windows install 공식문서

Windows install

💡Windows에서 설치 순서입니다. 

1) Install the flutter SDK

2) Install the Android Studio

3) Install the Android Emulator 

 

---

👋설치 하기 전 먼저 윈도우에서 플러터를 설치하기 위해 최소한의 요구사항을 확인하세요

・ 운영 체제 : Windows 7 SP1 이상 (64비트), x86-64 기반

  -운영체제 확인하는 방법 : 바탕화면의 내 PC 아이콘을 마우스로 우클릭 > 속성을 누르면 윈도우 운영체제 버전과 시스템 종류를 확인할 수 있다. 

 

・ 디스크 공간 : 1.64GB (IDE/ 도구용 디스크 공간 제외)

  -디스크 공간 확인하는 방법 : 파일 탐색기나 내 PC를 실행한다. (단축키 : Window + E)

  - 탐색기 좌측에 내PC를 클릭하면 오른쪽에 장치 및 드라이브에서 모든 저장디스크의 저장공간을 확인할 수 있다. 

 

・ 도구 : 플러터는 환경에서 사용할 수 있는 다음의 도구에 의존한다.

  -Windows PowerShell 5.0 이상 (Windows 10에 사전 설치됨)

  -Windows용 명령 프롬프트에서 Git 사용 옵션이 있는 Windows 2.x용 Git

  Windows 용 Git이 이미 설치된 git의 경우 명령 프롬프트 또는 PowerShell에서 명령을 실행할 수 있는지 확인한다. 

 

 

💡그럼 설치를 시작하겠습니다.

 

1) Install the flutter SDK

 

(1)Flutter SDK를 설치한다. 

・ 이미지를 클릭하시면 Flutter 공식 홈페이지 - Flutter SDK 설치화면으로 이동합니다. 

 

 

(2) zip 파일의 압축을 해제해서 아래와 같이 설치 위치를 지정해줍니다. 

C:\Users\<your-user-name>\Documents.

C:\Users\<your-user-name>\Documents.

 

(3) 압축을 풀어주고 환경변수를 설정한다. 

 

일반 Windows 콘솔에서 Flutter 명령을 실행하려면 다음 단계를 수행하여 PATH환경 변수에 Flutter를 추가한다. 

-시작 검색 창에서 'env'를 입력하고 계정의 환경 변수 수정을 선택한다.

-사용자 변수에서 Path라는 항목이 있는지 확인한다. 항목이 있으면 기존 값의 구분 기호로 flutter/bin사용에 전체 경로를 추가한다. 항목이 없으면, Path 전체 경로를 flutter/bin값으로 사용하여 이름이 지정된 새 사용자 변수를 만든다. 

 

그리고 이러한 변경 사항을 적용하려면 기존 콘솔 창을 닫았다가 다시 열어야 한다. 

 

(3) SDK 설치 확인

・ Flutter doctor를 통해 설치가 완료되었는지 확인하며 필요한 플랫폼 종속성이 있는지 확인합니다. 

flutter doctor

 

---

2) Install the Android Studio

 

(1) Android 스튜디오 설치를 해봅시다. 

 @Anroid 스튜디오 다운로드 

Download Android Studio and SDK tools  |  Android 스튜디오

 

・ Android 스튜디오를 시작하고 'Android 스튜디오 설치 마법사'를 실행한다. 설치 마법사는 Flutter로 Android를 개발할 때 필요한 최신 Android SDK, Android SDK 플랫폼 도구, Android SDK 빌드 도구를 설치한다. 

 

(2) Android 기기 설정

・ Android 기기에서 Flutter 앱을 실행하고 테스트하기 위해서 Android 4.1(API 16) 이상에서 동작하는 Android 기기가 필요하다.

 

3) Install the Android Emulator 

Android 에뮬레이터에서 Flutter 앱을 실행하고 테스트하기 위해 아래 단계를 수행한다. 

💡 저는 윈도우 개발환경은 아니라 공식문서 참고해서 글을 가져왔습니다. 부족한 부분이 많으니 아래의 글을 추가합니다.  

@서준수님 브런치 

플러터(Flutter) 개발 환경 구축

 

---

 

2. Mac 

💡참고하세요 

@macOS install 공식문서

macOS install

 

💡이번엔 macOS 설치 순서입니다.

1) Install the flutter SDK

2) Install the Android Studio

3) Install the Android Emulator 

4) Install XCode and command-line tools

 

👋 이번에도 설치하기 전에 시스템 요구 사항 확인을 먼저 확인합니다. 

Flutter를 설치하고 실행하기 위해서 개발환경이 다음과 같은 최소 요구 사항을 충족해야 합니다.

・ 운영 체제 : macOS (64-bit)

・ 저장 공간 : 2.8GB(IDE나 개발 도구 용량은 별도)

・ 도구 : Flutter는 맥 OS환경에서 아래 커맨드 라인 도구가 필요합니다. 

  - bash / curl / git 2.x / mkdir / rm / upzip / which 

 

 

💡설치 시작합니다. 

 

1) Install the Flutter SDK

(1)Flutter SDK 다운로드

아래 이미지를 클릭하시면 Flutter SDK 다운로드 화면으로 이동합니다. 

(2) Flutter doctor를 통해 설치가 잘 되었는지 확인해봅니다. 

 

(3) 환경변수를 추가합니다. 

 

2) Install the Android Studio

@안드로이드 스튜디오 설치 

Download Android Studio and SDK tools  |  Android 스튜디오

 

 

 

(2)안드로이드 기기 설정 

 

3) Install the Android Emulator

 

4) Install XCode and command-line tools

하지만 mac 사용자라면 vscode를 설치하는 게 더 좋다. 

@VS Code 설치

Visual Studio Code - Code Editing. Redefined

 

 

5) Test the iOS Simulator

6) 설정이 잘 되었는지 확인하기 위해 간단한 Flutter 앱을 만들어보고 실행해보겠습니다. 

 

7) 마지막으로 Flutter와 Dart 플러그인을 설치합니다. 

---

 

3. Linux

리눅스 유저분들은 걱정되지 않습니다. 화이팅이십니다. 

 

@Linux install 공식문서

 

Linux install

 

---

저는 mac을 사용하며 설치를 예전에 이미 다 해둔 상태라 공식 홈페이지만 보며 글을 작성했습니다. 

추후에 다시 업데이트할 예정이니 공식 홈페이지와 정리 잘해두신 개발자님들 블로그 참고하시면 좋을 것 같습니다. 

틀린 정보가 있으면 댓글로 알려주시면 감사하겠습니다.🐣