개발 환경/Flutter

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

우주다람쥐 2021. 7. 12. 20:46
반응형

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' 를 검색하고 선택한다.

 

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

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

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

(이 건 다음글에서!)

반응형