[Dart&Flutter] 1. VSCode에서 Dart 실행하는 방법 | VSCode에서 Dart 컴파일 하기 - Peter Coding IT World

🧑‍🏫 VSCode에서 Dart 실행하기 – 따라하기 쉬운 6단계

✅ 1단계: VSCode 설치

• 아래 링크로 들어가서 Visual Studio Code를 다운로드하고 설치하세요.

  👉 https://code.visualstudio.com/

✅ 2단계: Dart SDK 설치

• Dart 언어를 실행하려면 Dart SDK가 있어야 해요.

• 아래 링크에서 Dart SDK를 다운로드해서 설치하세요.

  👉 https://dart.dev/get-dart

• 설치 후, 제대로 되었는지 확인하려면 터미널을 열고 이렇게 입력해보세요:

dart --version

• 결과가 아래처럼 나오면 설치 성공!

Dart SDK version: 3.x.x (stable)

✅ 3단계: VSCode에서 Dart 확장 설치

1. VSCode를 실행합니다.

2. 왼쪽 퍼즐 모양 아이콘(Extensions) 클릭

3. 검색창에 Dart 입력

4. Dart 확장 프로그램 설치

   • Flutter도 같이 설치해도 괜찮아요 (자동으로 연결됩니다)

✅ 4단계: Dart 파일 만들기

1. VSCode에서 새 폴더 만들고 열기 (File > Open Folder)

          폴더 명은 dart_test로 만들었습니다. 편한대로 폴더명은 정하시면됩니다. 

1. File > New File 또는 Ctrl+N / ⌘+N

2. 파일을 저장하세요 → 이름은 " main.dart  "로 파일명을 만들고 엔터 ( 실행 ) 

아래와 같이 main.dart를 Creat File 버튼이 뜹니다. 클릭 하여 파일 생성 

✅ 5단계: 코드 작성하기

아래 코드를 입력해보세요:

void main() {
  print('Hello Dart!');
}

아래와 같이 main.dart 파일에 첫번째 실행할 위의 코드를 복사 & 붙여 넣기를 합니다. 

이제 Dart 설치 및 연습할 폴더를 만들고 연습용 main.dart 파일까지 만들었습니다. 실행해서 확인 하면 되겠네요. 

✅ 6단계: 코드 실행하기

💡 방법 1: 터미널에서 Debug 창으로 RUN 버튼으로 실행 (가장 쉬운 방법)

1. 상단 메뉴에서 Terminal > New Terminal 클릭

2. 터미널 화면의 상단에 메뉴 PROBLEMS, OUTPUT, DUEBG CONSOL, Terminal, Ports 중에서  DEBUG를 클릭해서 DEBUG 모드로 터미널을 바꾼다. 

3. main.dart 파일명 바로 아래보면 RUN/Debug 글자 단추가 보인다.

4. RUN을 눌러서 실행 해준다. 

5. DUBUG 터미널 화면에서 실행 결과를 보여 준다. 

💡 방법 2: 터미널에서 Dart 명령어로 컴파일 실행

1. 상단 메뉴에서 Terminal > New Terminal 클릭

2. 터미널 화면의 상단에 메뉴 PROBLEMS, OUTPUT, DUEBG CONSOL, Terminal, Ports 중에서  ㄱTerminal 모드를 클릭해서 터미널 모드로 바꾼다. 

3. 터미널 창에서는 명령어를 쓸수 있다. 

4. 터미널 창에서 아래 명령어 입력:

      dart main.dart

     5. 출력 결과 확인 :

      Hello Dart!

🛠️ 실행이 안 될 때 체크 리스트

문제	해결 방법
dart 명령어 안 됨	Dart SDK 설치 안 되었거나 환경변수 설정 안 됨
VSCode에서 확장 기능 없음	Dart Extension 설치 확인
실행해도 아무 것도 안 나옴	print() 문장이 있는지 확인하세요
파일 이름이 달라요	main.dart로 저장했는지 확인하세요

✨ Dart 실행 성공!

이제 VSCode에서 Dart 프로그램을 실행할 준비가 끝났습니다.

이제 Dart를 배워가며 재미있는 앱을 만들 준비가 되었어요!