VScode에서 Dart를 사용하기 위한 준비 - 윈도우

230509

---

💡VScode로 Dart Project 만들기

 

Flutter를 시작하기 앞서

 

Dart를 학습하기 위해 VScode를 활용하려고 하니 Dart-SDK의 경로가 필요하다는문제가 생겨 Dart-SDK 설치를 시작해본다.

 

---

🔥Dart 설치 준비

Dart를 윈도우에서 설치하기 위해서는

Chocolatey 패키지를 우선 설치해야한다.

 

Dart 공식 홈페이지에도 Chocolatey로 설치할 수 있다고 나와있다.

 

Dart 공식 홈페이지의 Chocolatey 링크를 통해들어가 보면 아래와 같이 Chocolatey 다운로드를 잘 설명해 놓았다.

 

https://chocolatey.org/install

Installing Chocolatey

---

영어는 나에게 또 다른 에러의 위험이므로

바로 자랑스러운 한국어로 페이지 번역해준다.

 

혼동해야 하지 말아야 할 부분은

우리는 윈도우에서 PowerShell을 관리자 권한으로 실행하여

Chocolatey를 install 해야한다.

(cmd와 혼동하지 말것.)

---

 

 

 

---

 

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

Powershell에서

위의 코드를 입력해주면 아주 간단하게

다운로드가 된다.

 

---

 

choco

 

설치가 완료되었다면

choco를 입력하면

버전이 출력된다.

---

🔥Dart 설치하기

자 윈도우에서

Chocolatey 라이브러리를 활용해

Dart를 설치할 준비가 끝났으니바로 설치해보자.

 

 

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

Dart SDK 설치

 

Dart 설치 순서

Dart를 설치할곳은

CMD창이다.

 

(PowerShell과 혼동 주의!)

CMD창을 관리자 권한으로 실행시킨다.

---

 

choco install dart-sdk

위의 코드를 입력한다.

만약 설치가 잘 되었다면

 

The install of dart-sdk was successful 메세지가 나오고

Software installed to 'C:\tools'라고 기본 설치된 경로가 나와있다.

 

이 기본 설치된 경로는 환경변수 설정에서 필요할 수도 있으니

잘 기억하자.

 

---

 

choco upgrade dart-sdk

dart-sdk upgrade도 한번 쳐준다.

dart-sdk 설치 완료!

---

❗만약 dart-sdk의 환경 변수 설정이 필요하다면..

윈도우 검색에 환경 변수를 검색하고

환경 변수에 들어가서

 

사용자 변수와 시스템 변수가 있는데

우리는 사용자 변수의 Path부분을 클릭하고편집을 눌러 새로운 dart-sdk 경로를 추가할 수 있다.

C:\tools\dart-sdk

dart-sdk 기본 경로는 위와 같다.

 

하지만 기본적으로 dart-sdk가 설치되었을때

기본 환경변수는 

C:\tools\dart-sdk\bin

위와 같이 bin까지 들어가서 되어있다.

 

---

🔥VScode에서 Project 생성하기!

 

VScode의 Extension(확장)에서

Dart와 Flutter를 설치해준다.

 

 

❗ 위의 Dart-sdk를 설치하였다면 문제가 없지만

설치 하지 않았다면 VScode는

Dart-sdk의 경로를 요구한다.

 

---

아무것도 열려있지 않은 VScode 탐색기 창에서

 

Ctrl + Shift + P를 누른다. 

 

 

Dart를 검색하면Dart: New Project가 나온다. (클릭)

 

 

 

어떤 Dart template를 사용할 것인지 물어보는 단계이다.

Console Application을 클릭한다.

 

 

우리가 작업한 파일을 저장할 경로를 선택한다.

 

마지막으로 application의 이름을 설정해주고

Enter를 누르면?

 

 

DART_APPLICATION_1의 이름으로

bin 디렉터리 하위에

dart 파일이 생성된다.

 

기본적으로 Dart는 객체 지향형 언어이므로

JAVA와 유사한 구조를 보이고 있다.

 

뭐가 뭔지 아직 잘 모르겠지만메인 함수는 현재 "Hello world"를 프린트 하도록 코드가 적혀있다.

 

---

 

위의 함수를 실행하기 위해

오른쪽 상단의 화살표 삼각형?을 클릭하면

 

 

하단에

[Running] 부분에서

application의 경로와

출력 결과

 

[Done] 부분에서

제외된 코드 0개와 함께

얼마나 시간이 걸렸는지 보여준다.

 

 

---

이상으로 VScode를 활용한 Dart 실습 준비 포스팅을 마친다.