[Flutter] 개발환경 설정하기(feat. Visual Studio Code)

4 min readJul 14, 2020

안녕하세요! Tom 입니다.
오늘은 flutter 개발을 위한 설정방법을 알아보겠습니다.

# 먼저 Visual Studio Code를 다운받습니다

Visual Studio Code - Code Editing. Redefined

code.visualstudio.com

# VSCode-darwin-stable.zip 파일 압축 후 응용프로그램 폴더에 넣고 vscode를 실행해 주세요!

# Flutter Extension을 설치한다.

# Flutter SDK 설치
sdk를 다운받아서 압축을 푼다. (예: /Users/home/Document/flutter)

flutter.dev

# 터미널 실행 (예: /Users/home/Document/flutter)
(저는 vi를 잘몰라서 vi 사용법까지 정리했습니다.)

//vi 편집기 실행
home$ vi .bash_profile// flutter sdk path를 넣어준다.
export PATH="$PATH:/Users/home/Document/flutter/bin"// vi 편집기 저장 종료
:wq 엔터

# iOS simulator 실행(xcode가 설치가 되어 있어야 한다.)
터미널 실행 후 아래와 같이 명령어 실행

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

단축키 (alt + commad + p) Flutter New Project 선택 엔터

프로젝트 명을 입력합니다. 저는 hello_flutter 라고 했어요..

메뉴에서 Run - Start Debugging 하거나 단축키 f5를 눌면 iOS simulator에서 실행이 됩니다.

짠~~~~~ 실행이 되면 이렇게 화면에 나옵니다.

그럼 이만….