Atom Editor

첫 포스팅은 아톰 에디터에 대한 글을 남기려 합니다. 예전부터 Edit plus, Sublime Text 등을 써오다 현재 Atom 을 사용한지 얼마 되지 않았지만 아주 만족하면서 사용하고 있습니다. 현재 사용하고 있는 패키지에 대해 간단히 글을 남기겠습니다.

activate-power-mode

코드 타이핑을 일정시간 안에 지속적으로 해주면 우측 상단에 콤보 갯수가 그림처럼 나오게 된다. 게임하는 것처럼 보일 수 있지만 타이핑 하는 재미가 커진다. 이왕 일하는거 조금이라도 즐거움을 갖고 하라는 기능인듯.

콤보시 해당 위치 화면

콤보시 우측 상단 콤보 화면

aligner

멀티 라인을 정렬해 주는 기능. 단축키 Ctrl + Alt + /

Languages:

• Javascript
• Coffeescript
• Ruby
• CSS & LESS
• SASS & SCSS
• PHP
• Python
• Stylus
• Lua

atom-beautify

코드정렬을 시켜준다. 단축키 Ctrl + Alt + b

Before

After

atom-html-preview

아톰 에디터에서 html 미리 보기 기능. 단축키 Ctrl + Shift + h

atom-live-server

로컬 서버를 실시간 리로드 기능.

단축키

• 기본 포트 3000 : Ctrl + Alt + l
• 라이브서버 중지 : Ctrl + Alt + q
• 포트 3000 : Ctrl + Alt + 3
• 포트 4000 : Ctrl + Alt + 4
• 포트 5000 : Ctrl + Alt + 5
• 포트 8000 : Ctrl + Alt + 8
• 포트 9000 : Ctrl + Alt + 9

atom-ternjs

javascript 자동완성 기능. 단축키 Ctrl + Shift + h

auto-detect-indentation

우측 하단에 각 언어별로 Tab 인지 Space 인지 구분해서 설정. 클릭시 변경 가능.

color-picker

컬러가 들어가는 부분에 바로 컬러를 눈으로 확인하며 넣어줄 수 있다.

emmet

어떤 에디터이건 이젠 없어서는 안될 기능이다.

file-icons

파일마다 파일명 왼쪽에 아이콘으로 구분하기 쉽게 처리해 준다.

git-control

git을 GUI로 관리할 수 있다. 단축키 Ctrl + Alt + o

git-time-machine

해당 파일의 git history를 볼 수 있다. 단축키 Alt + t

goto-definition

현재 커서의 함수가 있는 위치로 이동한다. 단축키 Ctrl + Alt + Enter

highlight-line

현재 커서의 라인을 나타낸다.

highlight-selected

선택된 내용과 일치되는 내용을은 나타낸다.

language-babel

JavaScript, ES2015, ES2016, ESNext, JSX 문법 패키지

language-markdown

markdown 문법 패키지

linter

오류 및 기타 메시지를 쉽게 보여지게 한다. 각 언어에 맞는 linter 또한 설치해 주어야 한다. linter-htmlHint, linter-csslint, linter-js-standard, linter-php 등등

markdown-preview-plus

markdown 미리보기. 단축키 Ctrl + Shift + m

markdown-writer

markdown 작성을 편리하게 도와 줌.

minimap

우측의 미니맵이 나타난다.

minimap-autohide

해당 파일의 스크롤이 일정시간 멈춰 있게 되면 미니맵이 사라진다.

minimap-selection

해당 파일의 선택영역이 미니맵에 나타나게 된다.

open-in-browser

브라우저를 띄우준다. 단축키 Ctrl + Shift + q

pigments

색상값을 파일에서 보여준다.

project-plus

여러 프로젝트를 왔다갔다 이동할 수 있다.

단축키

Project Finder Ctrl + Alt + p

Project Tab Ctrl + cmd + Tab

sublime-block-comment

/* */

주석을 토글 처리 해준다.

swackets

매칭되는 중괄호 컬러를 맞춰준다.

sync-settings

세팅된 패키지를 git에 백업 및 복원을 할 수 있게 도와준다. gist 설정을 해주어야 함.

마무리

앞으로 얼마나 쓸지는 모르겠지만 현재로썬 아주 만족하는 에디터. 지금도 패키지가 많아 보이긴 하는데 좋은 패키지는 많을수록 좋으니 추천 바래요.