비주얼 스튜디오 코드 다트 언어 프로젝트 생성하기 Creating Dart Project at Visual Studio Code

다트 언어를 학습할 때 비주얼 스튜디오 코드 ( vs code ) 를 이용할 수 있다. 명령팔레트를 이용해 다트 프로젝트를 생성하면 자동으로 개발에 필요한 프로젝트 템플릿이 만들어 진다. 프로젝트 생성 후 다트 언어 프로젝트 하단의 bin 폴더에 생성된 파일을 수정하면서 학습 또는 코딩을 하면 된다.

비주얼 스튜디오 코드 다트 언어 프로젝트 생성하기
Creating Dart Project at Visual Studio Code

비주얼 스튜디오 코드는 프로그램 개발과 코딩을 위한 경량화 개발 툴이다.

비주얼 스튜디오 코드만 있다면 윈도우즈 계열 뿐만 아니라 웹부터 앱까지 다양한 언어들을 공부해 볼 수 있다.

원코드 멀티플랫폼의 애플리케이션 개발이 늘어나면서 비주얼 스튜디오 코드 또한 주목받고 있기도 하다.

다양한 프로그래밍 언어를 패키지로 설치하면 비주얼 스튜디오 코드에서도 개발이 가능한데 한가지 난해한 것이 프로젝트 생성이다.

html 을 위한 웹개발을 할 때는 단순히 폴더만 만들면 그만이지만, 파이썬이나 다트 등의 언어들은 비주얼 스튜디오 코드에서 패키지를 설치후 프로젝트를 생성하여 애플리케이션을 개발할 수 있다.

명령 팔레트 만들기

비주얼 스튜디오 코드에서 프로젝트를 만들 때 사용하는 것이 명령 팔레트이다.

명령 팔레트는 비주얼 스튜디오 코드에서 프로그램 개발을 위해 생성하는 프로젝트를 생성하는 역할을 한다.

비주얼 스튜디오 코드에서 명령 팔레트를 사용하기 위해선 단축키를 이용할 수 있고 화면 상단의 메뉴를 이용할 수 있다.

• 단축키 이용하여 명령 팔레트 생성
  - Ctrl + <Shift> + P
• 메뉴 이용하여 명령 팔레트 생성
  - 메뉴 > 보기 > 명령 팔레트

프로젝트 만들기

다트 언어를 공부하기 위해 또는 애플리케이션을 만들어 보기 위해 비주얼 스튜디오 코드에 패키지를 설치했다면 조금 난감할 것이다.

개발을 위한 IDE 툴들은 프로젝트 생성이란 메뉴가 있지만, 비주얼 스튜디오 코드에는 없기 때문이다.

대신 명령 팔레트가 존재하고 이를 이용하여 프로젝트처럼 템플릿을 구성할 수 있다.

다트 언어를 위한 명령 팔레트를 이용하여 프로젝트 템플릿을 구성하는 방법은 다음과 같다.

1. 단축키 또는 메뉴를 이용하여 명령팔레트를 실행한다.
2. Dart Project 를 선택하고 Dart 언어를 위한 프로젝트를 생성한다.

3.프로젝트가 생성되었다. 실행 메뉴의 디버깅 시작 ( 단축키 F5 ) 를 클릭하면 다트 언어가 실행되는 모습을 볼 수 있다.

새로 만들어진 dart 언어 프로젝트에서 코드를 수정하고자 한다면 bin 폴더 밑의 dart 파일을 수정하면 된다.

• 수정할 파일
  dart project > bin > 파일명.dart