Flutter macOS 에서 vsCode로 시작하기

DG
4 min readFeb 10, 2020

--

Flutter SDK 를 다운받는다. 경로는 각자 알아서 다운받아주면 되는데, 나는

/Users/sindong-gyu/Utils

이곳에다가 다운받았다.

이제 flutter SDK 가 설치되어있는곳의 경로를 환경설정에 추가해주어야 하는데 맥같은 경우는 home 디렉토리에 .bash_profile 을 수정해주면 된다.

.bash_profile

export PATH="$PATH:/Users/sindong-gyu/Utils/flutter/bin"

.bash_profile파일에서 동작하지 않을시에는

$HOME/.zshrc 파일에서

export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH

이런식으로 넣어주면 된다.

터미널을 재시작해주고

flutter doctor 

커맨드를 입력해준다.

만약에 “개발자를 확인할 수 없기 때문에 ‘dart’를 열 수 없습니다.” 에러가 나온다면

해당 글을 참고하면 해결될것이다.

다시 돌아와서 flutter doctor 명령어를 입력하면 다음과같은 화면을 볼 수 있다.

현재 Android Studio가 설치되어져있지 않고, Xcode도 완전히 설치되어져있지 않다고 나온다. CocoaPods 과 vsCode 에 Flutter extension도 설치해주는걸 권장하고 있다. 그냥 빨간색으로 x표시된 부분들을 그대로 따라주면 하나씩 해결된다. (Xcode는 정말 더럽게 늦게 설치된다. 참고하시길)

이런식으로 전부 초록색 불이 들어오면 flutter를 시작할 준비가 된거다.

이제 그리고 iOS simulator를 실행시켜보도록 하자.

open -a Simulator

simulator 가 정상적으로 열린다면 넘어가도 좋다.

이제 flutter 프로젝트를 생성해보도록 하자.

flutter create myapp

vsCode에서 프로젝트를 열고

우측 하단을 자세히 보면 No Device 가 보일것이다. 그것을 클릭. 그리고 iOS simulator를 선택해준다.

아직 simulator만 열었고 앱을 실행시키진 않았다. vscode의 Debug > Start Debugging > Dart & Flutter 를 클릭하면 프로젝트를 시작할것이다.

정상적으로 flutter app 이 동작하는것을 확인할 수 있다.

--

--

DG
DG

Written by DG

한국의 iOS 개발자이다. 강아지와 운동을 좋아함. github: https://github.com/donggyushin

No responses yet