메뉴

문서정보

목차

가벼운게 좋을 것 같다.

Android studio로 flutter 개발 환경을 만들기는 했지만, 인간적으로 너무 무겁다. 그렇다고 작업을 못 할 정도라거나 그런건 아니고, 그동안 vim만 사용하다보니 적응하기가 쉽지 않았다. 키보드 입력 속도를 간당간당하게 따라가는 느낌. 이것 저것 너무 산만한 느낌.

Visual Studio Code 설치

그래서 VSCode로 환경을 구축하기로 했다. Vim 기반 개발환경도 찾아보긴 했는데, 좀 무리인 것 같았다. 설치 운영체제는 우분투 리눅스 19.04다. Visual Studio Code 다운로드 페이지로 이동했다.

 VS Code 다운로드

 VS Code 다운로드

우분투리눅스는 tar.gz, deb, snap 3가지 중 하나를 선택할 수 있다. 나는 snap 를 선택했다. (2019년 7월)현재 최신버전은 1.36이다.
$ sudo snap install --classic code
설치 후 실행화면이다. snap으로 설치한 애플리케이션은 /snap/bin 디렉토리 밑에 설치된다. 실행명령은 code다.

Flutter & Dart 플러그인 설치

  1. VS Code를 실행한다.
  2. View > Command Palette를 선택한다. 단축키 Ctrl+Shift+p를 이용 할 수도 있다.
  3. Extensions: Install Extensions을 입력한다.
  4. Extensions search 필드에서 "flutter"을 입력한다. 리스트에서 flutter을 찾은다음 install버튼을 클릭한다. Dart 플러그인 까지 함께 설치해준다.

설치 확인

  1. View > Command Palette를 선택한다.(왠만한 환경 설정작업은 여기에서 하는 것 같다. CLI 느낌이다.)
  2. Flutter: Run Flutter Doctor를 실행한다.
실행했더니 flutter SDK를 찾을 수 없다고 나온다.

 flutter sdk 설치하라고하네.

 flutter sdk 설치하라고하네.

설치한 적이 없다면 Download SDK누르면 된다. 내가 설치한 경로는 $HOME/flutter이다. Command Palette 에서 명령을 내려서 진단하는게 귀찮아서, 터미널에서 진단을 하기로 했다.
$ cd $HOME/flutter/bin
$ ./flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v1.7.8+hotfix.2, on Linux, locale ko_KR.UTF-8)
 
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor
      --android-licenses
[✓] Android Studio (version 3.4)
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

라이센스 동의를 안했다고 한다. 라이센스 동의 절차를 마치자. 그냥 다 y 입력해주면 된다.
$ ./flutter doctor --android-licenses
Warning: File /home/yundream/.android/repositories.cfg could not be loaded.     
4 of 5 SDK package licenses not accepted. 100% Computing updates...             
Review licenses that have not been accepted (y/N)? 

셈플 프로젝트 테스트

셈플 프로젝트를 만들어서 실행해보기로 했다.
  1. Command Paletter에 진입한후 Flutter: New Project를 입력하고 실행한다.
  2. 프로젝트 이름은 hello_world로 했다.
아래와 같이 프로젝트가 만들어진다.

 flutter project

 flutter project

F5를 입력해서 디버그 모드로 실행해 볼건데, 연결된 디바이스 Emulator를 선택해야 한다.Android studio의 AVD Manager로 만들어 놓은 걸 사용해도, 되고 VS Code 에서 만들어서 사용해도 된다. 난 VS Code에서 만든 것을 사용했다.

IDE 오른쪽 하단에 No Devices 부분을 클릭하면, 아래 그림처럼 device 관리 화면이 나온다.

 device 관리

 device 관리

pixel_2 Pixel_2_API_29는 Android Studio에서 만든 디바이스이고, pixel flutter_emulator은 VS Code에서 Create New로 만든 디바이스다. pixel를 선택했다. 디바이스를 띄우고 F5를 눌러서 디버깅을 했는데..

g

g

실패다. Debug console에 "flutter upgrade"메시지가 떴는데, 업그레이드하면 문제가 해결될까 싶어서 업그레이를 수행했다.
$ flutter upgrade
안타깝게도 문제가 해결되지 않았다. 결국 구글신탁을 받아서 해결했다. 해서 API 28 Pie 디바이스를 만들어서 성공했다.

 에뮬레이터 성공

 에뮬레이터 성공

앱 개발은 처음이라서, 예상외로 고생을 좀 했지만 어쨋든 성공

정리

  1. Android studio에 비해서 가벼워서 좋다.
  2. 좀 더 둘러봐야 겠지만 필요한 기능들은 다 가지고 있는 것 같다.
  3. Flutter 관련된 plugin이 굉장히 많다. 더 좋은 환경을 꾸릴 수 있다는 얘기겠지.
  4. VS Code로 개발해야 겠다.
  5. 이번 기회에 VS Code를 메인 에디터로 사용해 볼까 ?