코딩하는 제리

[Flutter] 맥에서의 플러터 개발 환경 설정 본문

Flutter

[Flutter] 맥에서의 플러터 개발 환경 설정

JerryCho 2021. 1. 11. 14:54

개발을 시작하기에 앞서 몇 가지 사전작업이 필요하다.

다운로드

vscode

code.visualstudio.com/

 

android studio

developer.android.com/studio?hl=ko

 

flutter sdk

https://flutter.dev/docs/development/tools/sdk/releases?tab=macosd

 

Xcode

apps.apple.com/kr/app/xcode/id497799835?mt=12

코드 작성을 위한

비주얼 스튜디오 코드(vscode)

 

안드로이드 에뮬레이터를 위한

안드로이드 스튜디오

 

아이폰 에뮬레이터와 빌드를 위한

Xcode

 

그리고

flutter sdk 가 필요하다.

 

VisualStudioCode Extension 설치

vscode를 실행한 후에

왼쪽 아이콘 중 블록 모양(Extensions)을 클릭하여

flutter를 검색하여 설치한다.

이때 Dart Extension도 자동으로 설치된다.

 

환경변수 설정

터미널에서 바로 접근을 하기 위해 환경변수 설정도 필요하다.

 

커맨드 + 스페이스바를 누르면 검색창에서 터미널 입력 후 엔터 하면

터미널 앱이 실행된다.

이후 아래의 커맨드를 입력한다.

본인은 플러터 sdk를 문서 폴더에 저장했다.

Users/jerrycho/Documents/flutter/bin

루트 경로에 파일 생성
touch ~/.zshrc

파일 열기
open ~/.zshrc

다음 경로를 입력한 후 커맨드+S 로 저장
export PATH="$PATH:/경로/flutter/bin"

소스 등록
source ~/.zshrc

환경변수 확인
echo $PATH

 

이후 터미널에서 flutter doctor 입력 후 설정이 잘 되었는지 확인한다.

설정이 끝난 상태.

안드로이드 스튜디오는 에뮬레이터만 필요하기에

플러그인을 설치하지 않았다.

 

Comments