Sublime Text 3 - Dart Syntax highlighting 설정하기, VIM 모드 키기

 

Flutter를 코딩할 때 IDE로 VS Code를 사용 중이다.

다만 기존 코드들을 참조하거나, 샘플 코드들을 열어볼 때는 가볍게 Sublime Text 를 주로 이용하고 있다.

그런데 Flutter의 공식 언어인 Dart를 Sublime Text에서는 아직까지 기본 설정상태에서 지원을 안 하는 것 같다;;

샘플코드를 받아서 열어봤더니 Syntax highlighting 없이 그냥... 하얀 글씨들만 나온다;;

 

그래서 Sublime에 Dart Syntax highlighting 을 볼 수 있도록 Package를 설치해 주기로 했다.

방법을 정리해 보면

1. Sublime Package Control 설치를 해주고
2. 설치된 Package Control을 활용해서 Dart Package 를 설치해 주면 된다.

1. Sublime Package Control 설치하기

Sublime Package Control 설치는 공식 홈페이지에서 제공해 주는 매뉴얼대로 따라 하면 된다.

 

Installation - Package Control

 

윈도우에서는 Ctrl+Shift+P , Mac에서는 Cmd+Shift+P 키를 누르면 검색창(Command Palette)이 하나 뜬다.

거기서 Install이라고 치면 바로 아래 설치옵션이 나온다. 그 옵션을 선택하면 바로 설치 완료...

Command Palette를 띄워서 Package Control을 설치해준다.

 

2. Dart Package 설치하기

Package Control을 설치하고 나면 " Preferences " 메뉴에 전에는 없던 옵션이 맨 아래에 하나 추가된다.

해당 메뉴를 누르고 Dart 패키지를 설치해 주면 모든 세팅이 완료된다.

Package Control 메뉴가 새로 생겼다.

 

Package Control을 선택하고 나서 뜨는 검색창에 Dart를 입력하면 역시나 관련 패키지가 뜨고...

Dart를 설치해 주면... 끝~~ 너무 간단;;;

Package Control 메뉴에서 Dart를 검색 후 설치해주면 완료

 

Dart 패키지 설치가 끝났다면 Sublime 을 한번 재기동시켜 줬다.

그랬더니... Syntax highlighting 가 잘 표시된다ㅎㅎ

물론... 여기서 바로 디버깅도 하고 하려면 Dart SDK까지 설치해 주고 환경설정도 해줘야겠지만...

그냥 코드 리뷰정도의 용도이니 여기까지만 하고 마무리해 본다.

Sublime을 재기동하니 Dart 파일에 Syntax가 잘 나온다ㅎㅎ

 

VIM 모드 활성화시키기

하는 김에 VIM도 활성화시켜 본다.

너무 오랜만이라 기억이 안 나서 예전에 작성했던 내 블로그를 보게 됐다;;ㅎㅎ

이럴 때가 종종 발생될때마다 그래도 기록해 놓길 잘했다는 생각이 든다.

물론 요즘 들어 포스팅 숫자가 아주 현저히 줄어들긴 했지만 ㅠㅠ

코딩툴 Sublime Text3 - VI 모드(Vintage) 사용하기