본문 바로가기
개발 환경/Flutter

[Flutter] MAC에서 VSCode로 Flutter 시작하기

by 우주다람쥐 2021. 7. 12.
반응형

Flutter는 구글에서 만든 하이브리드앱 개발용 프레임워크이다.

VSCode를 사용해서 Flutter로 하이브리드 앱을 만들어 보자.

 

1. Flutter SDK

아래의 링크를 통해 Flutter SDK를 다운 받고, 환경변수에 등록한다.

 

- https://flutter-ko.dev/docs/get-started/install/macos

 

맥OS에서 설치

 

flutter-ko.dev

 

2. VSCode 설치

아래의 링크를 통해 VSCode를 다운받고 설치한다.

 

- https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

3. VSCode에서 flutter와 dart 플러그인 설치

(1) view < Command Paltte... 를 선택한다.

(2) 'Extensions: Install Extensions' 를 검색하고 선택한다.

(3) 'flutter'를 검색하고 설치한다.

(4) Flutter를 설치하면 Dart도 설치된다. 'Dart'를 검색해서 설치가 잘 되었는지 확인해본다.

 

4. 동작 진단

모든 설치가 완료되었으면 정상적으로 동작하는지 확인해보자.

 

(1) view < Command Paltte... 를 선택한다.

(2) 'Flutter: Run Flutter Doctor' 를 검색하고 선택한다.

 

실행이 완료되면 아래와 같은 내용이 나온다.

확인이 되는 내용도 있고, 확인이 안 되는 내용도 있다.

확인이 안 된 내용은 하나씩 해결해주자.

(이 건 다음글에서!)

반응형

댓글