티스토리 뷰

Dev/ATOM

Atom 추천 Packages

T없이맑은I 2016.11.27 18:22



설치한지 몇 시간되지 않았지만 그 몇 시간동안 찾아보면서 개인적으로 좋을 것 같으면서 사람들이 많이 쓰고 있는 몇 가지 패키지를 골랐다. 서브라임 텍스트를 사용해보진 않았지만 비슷한 기능들을 많이 만들어 놓은 것 같다.


1. git-plus

https://atom.io/packages/git-plus

Ctrl + Shift + H > 커맨드인풋이 나오면 원하는 명령을 선택한다.

깃허브에서 만들었으니 깃허브를 잘 써주도록 만든 패키지다.

사람들이 많이 받아서 아톰 패키지 메인에도 당당하게 올라와 있다.


2. git-clone

https://atom.io/packages/git-clone

따로 명령어가 있으면 좋지만 기본적으로 제공해 주지 않으며 커맨드 팔레트에서 gitclone으로 찾아서 써야 한다.

git-plus에 함께 동봉되어 있다면 좋겠지만 없는 모양이다.

해당 패키지 설정화면에서 기본 디렉토리를 설정할 수 있다.


3. git-control

https://atom.io/packages/git-control

Ctrl + Alt + O

깃허브를 GUI로 사용할 수 있게 직관적으로 만들어 놓은 인터페이스 패키지이다.

굿굿


4. git-time-machine

https://atom.io/packages/git-time-machine

Alt + T

오픈된 파일 중 활성화 되어 있는 파일의 깃히스토리를 직관적인 그래프 인터페이스로 보여준다.

예전 코드와 비교하기 쉽게 볼 수 있어 깃허브 사용자가 애용할 패키지이다.


5. merge-conflicts

https://atom.io/packages/merge-conflicts

커맨드 팔레트에서 Merge Conflicts: Detect 입력하면 충돌난 부분을 쉽게 해결할 수 있도록 도와준다.


6. atom-beautify

https://atom.io/packages/atom-beautify

Ctrl + Alt + B

이클립스에서 제공하는 Ctrl + Shift + F 같은 기능이다.

예쁘게 코드를 정렬한다.


7. color-picker

https://atom.io/packages/color-picker

Ctrl + Alt + C

색상값이 있는 CSS에서 커서를 놓은뒤 단축키를 누르면 컬러피커가 나타나며 기존값과 비교하며 색상을 선택하기 좋다.


8. pigments

https://atom.io/packages/pigments

Color-picker와 같이 색상값에 유용한 패키지다.

색상값에 해당 색상이 블럭처리되어 직관적으로 색상으로 알 수 있다.

해당 프로젝트에 어떤 색상값이 어디에 적용되어있는지 한 눈에 볼 수 있는 기능 외에도 놀랍고 다양한 기능을 지원한다.


9. docblockr

https://atom.io/packages/docblockr

개발의 감초같은 역할을 하는 주석을 자동완성 시켜주는 패키지이다.

/* 으로 시작해서 Enter 키를 눌러주면 주석이 자동으로 만들어진다.

블럭처리 후 단축키로 주석처리해 주는 기능은 없는게 아쉽다.


10. emmet

https://atom.io/packages/emmet

다른 에디터 제품에도 있을법한 웹작성자에게 유용한 자동완성기능 패키지이다.

다양한 단축키도 지원해 주니 익숙해지면 생산성이 대단히 높아질 것이다.


11. minimap

https://atom.io/packages/minimap

에디터화면 우측에 활성화된 파일을 축약해서 볼 수 있는 미니맵을 제공한다.

다양한 서브 플러그인을 제공하므로 어떤것이 있나 확인해볼만 하다.

대표적으로 minimap-highilight-selected 가 있다.


12. highlight-selected

https://atom.io/packages/highlight-selected

선택한 단어에 대해서 현재 파일에 있는 모든 동일한 단어를 하이라이트 처리해서 보여주는 기능을 제공한다.


13. minimap-highlight-selected

https://atom.io/packages/minimap-highlight-selected

minimap, highlight-selected 패키지가 설치된 후에 설치해야만 한다.


14. file-icons

https://atom.io/packages/file-icons

좌측에 프로젝트 트리 구조가 보이는데 파일명 좌측에 아이콘이 있는 것을 볼 수 있다.

이 아이콘을 좀 더 직관적인 디자인으로 적용해준다.




앞으로 더 다양한 좋은 패키지가 올라올 것으로 기대한다.



참고 링크

댓글
댓글쓰기 폼
공지사항
최근에 달린 댓글
Total
65,748
Today
5
Yesterday
162
링크
«   2018/12   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
글 보관함