2018-12-07
필자가 아톰에서 주로 쓰는 설정이나 패키지들을 아래에 정리해 보았다


* 패지키 목록

sublime-style-column-selection
 - 서브라임을 써본 사람이라면 이 기능이 꼭 필요 할 것이다
 - 커서를 다중으로 나타나게 해서 여러개를 선택 할 수 있다
 - 선택 영역을 블록 형식으로 지정 할 수 있다

animated-page-scroll
 - PageUp 키나 PageDown키로 페이지를 이동할때, 조금더 스무스 하게 스크롤이 되도록 변경해준다

code-peek
 - 해당 함수가 정의된 파일을 아래 열어서 보여준다
 - 윈도우 기준 ctrl + alt + e 로 사용 가능하다

goto-definition
 - 해당 함수가 정의된 파일을 열어 준다
 - 윈도우 기준 ctrl + alt + enter 로 사용 가능하다
 - code-peek와 비교했을때 둘다 장단점이 있어서 상황에 따라 맞게 사용하면 된다

git-plus
 - 아톰에는 git을 기본적으로 사용 할 수 있지만, git-plus를 설치하면 좀더 체계적으로 사용 가능하다
 - log를 보거나 diff할 일이 있을때 사용하면 편하다

highlight-selected
 - 선택한 단어나 문장과 같은 문장이 파일 내에 있으면 보기 쉽게 표시를 해준다

remote-ftp
 - ftp나 sftp를 사용 할 때 유용한 패키지 이다
 - 해당 ftp서버의 파일을 개발 환경에 전체나 특정부분만 옮겨와서 사용 가능하다
 - ftpconfig 파일에 연결 설정을 입력하고 사용 하면 된다

pigments
 - 소스에 색상 코드가 있을 경우 해당 색상을 직관적으로 보여준다
 - 필자는 용량이 큰 css파일을 열때 해당 패키지 때문에 속도가 느려져서 보통은 꺼놓고 있다

atom-beautify
 - 소스를 해당 언어에 맞게 자동으로 들여쓰기를 해준다
 - 정렬할 부분을 선택후, Command Palette(윈도우 기준 ctrl + shift + p)를 열어 사용가능하다
 - javascript파일로 정렬할 경우에는 Command Palette에 "beautify javascript"라고 입력하면 된다

emmet
 - HTML태그를 잔뜩 만들어야 할때 편리한 도구이다
 - 필자의 경우 아톰의 기본 패키지에 포함된 HTML태그 생성 기능을 더 자주 써서 보통은 꺼놓는다
 - 기능과 사용법은 https://emmet.io/를 참조 바란다


* 각종 설정들

- ctrl + , 단축키로 settings 페이지를 쉽게 열 수 있다

Editor
 - Editor Settings
   -- Auto Indent: 자동으로 들여쓰기를 해준다

 - Invisibles
   -- Show Invisibles: tab, enter, space.. 등의 기호를 보이도록 표시해준다
   -- Invisibles Space: space를 어떤 기호로 표시할지 설정 할수 있다
      (기본설정: ·, 없애고 싶을때는 space를 눌러 빈 공백으로 표시하면 된다)
   -- Soft wrap: 자동 줄바꿈

System
 - Show in folder context menus: 윈도우에서 폴더나 파일에 오른쪽 마우스를 눌렀을때 atom으로 열 수 있게 해줌