Mac Flutter 개발환경 구성 (with. Intellij) ver 2023

Flutter

RE.YEOL 2023. 4. 13. 10:00

1. Android Studio는 Intellij IDEA를 기반으로 되어 있습니다.

2. 별도 Android Studio를 설치할 필요 없이 Intellij IDEA에 플러그인 추가 설치하면 Flutter 개발 환경을 구성할 수 있습니다.

즉, 하나의 IDE로 관리할 경우 PC의 용량을 절약? 할 수 있기 때문에 Intellij IDEA를 선택하였습니다.

추가로 Android Studio는 Android Studio 공식 홈페이지가 아닌 JetBrain의 공식 홈페이지에서도 무료로 다운로드할 수 있습니다.

이 처럼 Android Studio는 JetBrain과 밀접한 관계가 있기 때문에 Intellij IDEA에 Flutter 개발 환경 구성을 하도록 하겠습니다.

※ Intellij IDEA Ultimit 버전을 가지고 있는 관계로 Community 버전에서 동일하게 될지 확실하지 않습니다.

Intellij에서 Flutter를 사용하기 위해 플러그인을 설치하겠습니다.

Intellij를 오픈 - Plugins 탭 - flutter 검색 - Install 버튼 클릭하여 플러그인을 설치합니다.

Flutter 플러그인 설치 시 Dart 언어도 같이 설치 여부를 묻습니다.

Install을 통해 Dart 플러그인도 같이 설치합니다.

Restart IDE를 통해 설치를 마무리합니다.

Intellij에서 New Project를 선택 - Flutter를 선택합니다.

Flutter SDK path는 Flutter를 설치 후 환경변수를 설정하였을 경우 자동으로 인식될 것입니다.

혹시 환경변수를 설정하지 않고 진행하시려면 Flutter SDK 설치 경로를 입력해야 합니다.

또는 Flutter SDK를 설치하지 않았을 경우 Mac Flutter 설치하기를 통해 Flutter SDK를 설치합니다.

프로젝트 기본 설정

- Project name : Flutter 프로젝트 명

- Project location : Flutter 프로젝트 경로

- Description: Flutter 프로젝트의 설명

- Project Type : Flutter로 만들 프로젝트의 유형입니다.

- Android language: 하이브리드 앱으로 만들 때 Android 언어를 설정

- iOS language: 하이브리드 앱으로 만들 때 iOS 언어를 설정

- Platforms: Flutter로 다양한 플랫폼을 개발 가능한데 Application을 만들 예정으로 Android와 iOS를 선택

⚠️ Flutter는 프로젝트 명 작성 규칙 : snake_case로 작성해야 합니다.

Create 하면 Flutter 기본 프로젝트가 생성됩니다.