IntelliJ & Android Studio

IntelliJ & Android Studio

IntelliJ 플랫폼 기반 IDE에서 Dart를 개발하고 싶다면, Dart 플러그인을 설치하면 돼요. 이 페이지는 어떤 JetBrains IDE를 골라도 빠르게 시작할 수 있는 자원을 모아 놓은 거예요. IDE마다 특정 개발 기술에 특화된 기능이 있으니 취향대로 골라 쓰면 되구요.

출처: IntelliJ & Android Studio

본문

시작하기

아직 IDE와 Dart SDK가 없다면 먼저 준비하고, 그다음 Dart 플러그인을 설치해서 Dart SDK 위치를 알려 주면 돼요.

IDE 다운로드

아직 JetBrains IDE가 없다면 하나 설치해요. 다음 중에서 고르면 돼요.

  • Android Studio
  • IntelliJ IDEA Ultimate
  • GoLand
  • WebStorm

Dart SDK 다운로드

아직 Dart SDK가 없다면 설치해요. Dart SDK만 따로 받을 수도 있고, 완전한 Dart SDK를 포함하는 Flutter SDK를 받아도 돼요. 둘 중 하나를 고르면 돼요.

  • Dart SDK 다운로드
  • Flutter SDK 다운로드

Dart 플러그인 설치

Dart 지원을 구성하려면 먼저 플러그인을 설치해요.

  1. IDE를 시작해요.
  2. 시작 화면(Welcome screen)에서 Plugins를 선택해요.
  3. Dart를 검색해요.
  4. 플러그인을 설치하고 IDE를 재시작해요.

새 Dart 프로젝트 만들기

새 프로젝트를 만들려면:

  1. 시작 화면에서 New Project를 클릭해요.
  2. 다음 대화상자에서 Dart를 클릭해요.
  3. Dart SDK path 값이 보이지 않으면 입력하거나 선택해요. 예를 들어 SDK 경로는 <dart 설치 디렉토리>/dart/dart-sdk일 수 있어요.

📌 참고: Dart SDK 경로는 bin과 lib 디렉토리를 담고 있는 디렉토리예요. bin 디렉토리에는 dart, dartaotruntime 같은 도구가 들어있어요. IDE가 선택한 경로가 올바른지 검증해 줘요.

  1. 시작 템플릿을 선택해요. 시작 템플릿을 쓰려면 Generate sample content를 클릭해서 켜 주세요.
  2. 원하는 템플릿을 고르고 Next를 클릭해 프로젝트 설정을 계속 진행해요.

기존 Dart 프로젝트 열기

기존 Dart 애플리케이션을 작업하려면 프로젝트를 IDE에서 열고 Dart 지원을 켜면 돼요.

프로젝트 열기
  • 시작 화면에서 Open 또는 Import를 클릭해요. 혹은 주 메뉴에서 File | Open을 선택해도 돼요.
  • Dart 프로젝트가 담긴 폴더를 선택해요.
Dart 지원 켜기
  • Settings(Cmd + ,)를 열고 Languages and Frameworks 아래의 Dart를 선택해요. 그러면 Dart 페이지가 열려요.
  • Enable Dart support for the project <프로젝트 이름>을 체크해요.
  • Dart SDK Path를 확인해요. IDE가 보통 자동으로 감지하니, 아니라면 Dart SDK가 담긴 디렉토리를 직접 선택해 주세요.
  • Enable Dart support for the following modules 아래에서 Dart 기능이 필요한 모듈들을 선택해요.

여러 Dart 프로젝트(패키지) 작업하기

하나의 IntelliJ IDEA 프로젝트에서 여러 Dart 프로젝트(패키지)를 작업하려면, 추가하려는 프로젝트의 루트 폴더를 content root나 새 모듈로 추가하면 돼요.

  • Modules 페이지(File | Project Structure | Modules)로 가서 Adding a content root에 설명된 대로 content root를 추가해요.
  • File | New | Module from Existing Sources를 선택하고, 열리는 대화상자에서 관련 모듈을 선택해요.

문법 하이라이팅 구성

Dart 문법 하이라이팅을 취향대로 커스터마이즈할 수 있어요.

  • Settings(Cmd + ,)를 열고 Editor | Color Scheme | Dart로 이동해요.
  • 색 구성표를 선택하거나, Colors and fonts에 설명된 대로 기본 설정을 커스터마이즈해요.

이슈 보고

이슈와 피드백은 IntelliJ 이슈 트래커로 보고해 주세요. 기대한 동작, 실제 동작, 그리고 가능하면 스크린샷을 포함해 주면 도움이 돼요.

더 보기

JetBrains 웹사이트에서 더 많은 정보를 볼 수 있어요.

  • IntelliJ IDEA
  • Dart WebStorm Help
  • Features
  • Quick start
  • Flutter Plugin for IntelliJ

더 알아보기