[Atom] 아톰 개발용 테마(Theme) 다운로드 및 설정 방법

아톰 개발용 테마(Theme) 다운로드 및 설정 방법

이번에 Do it! Vue.js 입문이라는 책을 읽다가 Vue 개발용 에디터로 Atom을 사용하길래 초반 테마 설정하는법을 기록하려 합니다.

Atom은 개인이 공개한 다양한 테마가 존재하는것으로 보이니 각자의 취향에 따라 설치하여도 상관없을것같습니다. 테마는 취향이니까요. 여기서는 seti-ui, atom-material-syntax-dark 두가지 테마를 설치할것입니다.

seti-ui 테마

기본 Atom은 파일의 아이콘이 단조로워 어떤 파일인지 한눈에 파악하기 어려운데, seti-ui를 설치하면 아래와 같이 확장자별 다양한 아이콘이 제공됩니다.

atom-material-syntax-dark 테마

아래와 같이 소스코드의 문법이 더욱 가독성있게 변경됩니다.

Atom 테마 설치

Atom을 실행하고 상단메뉴 File > Settings 로 접근합니다.

Mac의 경우에는 Atom > Preferences입니다.

Install 탭으로 이동 후 Themes를 클릭하고 seti-ui를 검색합니다.

seti-ui가 검색되면 Install 버튼을 클릭합니다.

이번에는 atom-material-syntax-dark 테마를 설치합니다.

설치한 테마 적용하기

앞서 보았던 Settings 에서 Themes 탭으로 이동 후 UI Theme를 다운로드한 Seti로 변경합니다.

같은 방법으로 Syntax Theme를 Atom Meterial Dark로 변경합니다.

잠시 기다리면 설정이 자동으로 변경됩니다.