본문 바로가기
IT/Program Language

[Dart] 설치 및 IDE 플러그인 사용하기

by Leos 2023. 7. 17.

Dart Logo

 

 

1. Dart 설치
2. VSCode Plugin 사용하기
3. Intellij Plugin 사용하기
4. DartPad 사용하기

 

 

1. Dart 설치하기

Dart 공식 웹사이트에서 해당 운영체제에 맞는 설치 파일을 다운로드

https://dart.dev/get-dart 

 

Get the Dart SDK

Get the libraries and command-line tools that you need to develop Dart web, command-line, and server apps.

dart.dev

설치파일을 실행하고 안내에 따라 설치 과정을 진행합니다.

설치가 완료되면 dart 명령어를 터미널에서 실행하여 설치가 제대로 되었는지 확인할 수 있습니다.

 

 

2. VSCode Plugin 사용하기

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

VSCode를 실행하고, Dart 플러그인을 설치합니다. (Dart 플러그인은 VSCode의 확장 기능으로 제공됩니다.)

VSCode에서 Dart 프로젝트를 열거나 새로운 Dart 파일을 생성합니다.

.dart 확장자를 가진 파일을 작성하고, Dart 코드를 작성합니다.

코드 작성 중 자동 완성, 오류 표시 등의 도움을 받을 수 있습니다.

 

 

3. Intellij Plugin 사용하기

https://www.jetbrains.com/ko-kr/idea/download/?section=windows 

 

최고의 Java 및 Kotlin IDE인 IntelliJ IDEA를 다운로드하세요

 

www.jetbrains.com

IntelliJ IDEA를 실행하고, Dart 플러그인을 설치합니다. (Dart 플러그인은 IntelliJ IDEA의 플러그인으로 제공됩니다.)

IntelliJ IDEA에서 Dart 프로젝트를 열거나 새로운 Dart 파일을 생성합니다.

.dart 확장자를 가진 파일을 작성하고, Dart 코드를 작성합니다.

코드 작성 중 자동 완성, 오류 표시 등의 도움을 받을 수 있습니다.

 

 

4. DartPad 사용하기

DartPad 웹사이트에 접속합니다.

https://dartpad.dev/ 

 

DartPad

 

dartpad.dev

웹사이트에서 Dart 코드를 작성할 수 있는 편집기 화면이 표시됩니다.

코드를 작성하고, 실행 버튼을 클릭하여 Dart코드를 실행하고 결과를 확인할 수 있습니다.

DartPad는 웹 기반으로 동작하므로 별도의 설치 과정이 필요하지 않습니다.