# Installation of Flutter on Ubuntu

2019년 5월 14일

Flutter 개발 환경을 구축하는 과정에서 참조한 안내서들에 오류가 있어 정리하였다.

### 안드로이드 스튜디오에서 설치

대부분의 안내서들이 Flutter SDK를 설치하기를 안내한다. 이를 다시 정리한다.

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

먼저 이 [안내서](https://github.com/booiljung/gitbooks/blob/main/2101%20programming%20languages/2211%20flutter%20%ED%94%8C%EB%9F%AC%ED%84%B0/android/installation_of_android_studio_on_ubuntu.md)에 따라 안드로이드 스튜디오를 설치한다.

**Flutter Plugin 설치**

안드로이드가 설치되면 'Welcome to Android Studio' 창이 표시된다.

![1557821585520](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-f1c30d4d499853903eac25231976c414c4916478%2F1557821585520.png?alt=media)

이 창의 아래를 보면 'Configure' 드롭다운 버튼이 있다. 이 드롭다운 버튼을 눌러서 'Plugins' 항목을 선택한다.

![1557821296846](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-f8207cc7897c10cc0d6fe63e5e2ee9d1b2a1d34d%2F1557821296846.png?alt=media)

Marketplace 탭에서 Flutter를 검색한다.

![1557821664860](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-6b777c57b18974738903d4804c3b845c04021d63%2F1557821664860.png?alt=media)

Flutter 플러그인을 설치하면 의존하는 플러그인들도 함께 설치 된다. 플러그인이 설치되면 'Restart IDE' 버튼을 눌러서 IDE를 다시 시작 한다.

이제 'Welcome to Android Studio'에 'Start a new Flutter project' 메뉴가 추가 된다. 아직 Flutter 개발 환경이 준비 되지 않았으니 계속 진행한다.

![1557821019003](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-e6db62a54b56a9ce9807cef2af0f5228b2cc7068%2F1557821019003.png?alt=media)

새 Flutter 프로젝트를 시작해 본다.

![1557821789738](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-08f679aee674152a0441fc2fcb4915049dac7aee%2F1557821789738.png?alt=media)

'New Flutter Application'에서 새 프로젝트를 시작 할 수 있게 표시 된다.

![1557821882024](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-2981cd15125560d5e48b9d6956ae1a8a1c651c9d%2F1557821882024.png?alt=media)

두번째 항목 Flutter SDK path가 있다. Flutter SDK가 이미 설치되어 있다면 `...` 버튼을 눌러서 지정하거나 설치되지 않았다면 우측에 'Installation SDK...' 버튼을 눌러 경로를 지정하고 설치하면 된다.

![1557822027672](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-68d5f16a7a9901dbb61867e429ea1f93aa2ef0e4%2F1557822027672.png?alt=media)

계속하여 앱 설정 값을 지정한다.

![1557822093918](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-1eb5b262e4d8a336dc3dd198df98294ab5801fb7%2F1557822093918.png?alt=media)

'Finish' 버튼을 누르면 새 프로젝트 편집 상태가 된다.

![1557822176987](https://3185889288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRLG1IioyolTsxQZZJ2xc%2Fuploads%2Fgit-blob-a3266e7fd173e2865c7234688f55b8ca0d44a7e0%2F1557822176987.png?alt=media)

Flutter 개발 환경이 준비 되었다.

### VSCode에서 Flutter 개발 환경 구성

다음에 작성 예정이다.

### 참조

* [Installation of Flutter on Linux](https://flutter.dev/docs/get-started/install/linux)