아톰 플러그인 설치방법 추천

아톰 플러그인 설치 방법

아톰에디터에서 FILE > Settings 를 들어갑니다.

Settings > Install 로 들어 갑니다.

원하는 패키지명을 검색합니다.  Packages와 Themes가 있으니 구분하여서 검색하면 됩니다

검색된 패키지나 테마는 Install을 눌러서 설치 하면 됩니다.

플러그인 추천 리스트

Emmet : HTML , CSS 자동 완성기능

말이 필요 없는 기능이라고 생각이 됩니다.

어떤 개발환경에서든 필수로 추가하면 개발하는 시간을 훨씬 단출할 수 있는 플러그인입니다.

https://docs.emmet.io/

pigments : 색상코드의 색상을 보여준다

sync-settings : 현재 개발중인 환경을 저장하여 다른곳에서도 같은 환경으로 작업 가능하도록 해준다.
atom-beautify : 소스 자동정렬

minimap : 전체 소스에서 현재 위치를 보여준다

highlight-line : 자신이 선택한 줄을 표시해준다

tool-bar : 파일확장자마다 아이콘으로 구분가능하도록

seti-icons : 파일확장자마다 아이콘으로 구분가능하도록

Auto close HTML  : html 태그 자동 닫기

sublime-style-column-selection, sublime-block-comment : 세로드래그

atom-live-server : 실시간 소스 보기

atom-bracket-hightlight : (), {}, [] 와 같은 괄호를 좀 더 찾기 쉽게 보여줌

minimap-hide : 패널 분리한 곳만 미니맵 보임

linter-eslint: 자바스크립트 문법에러를 잡아줌

설치 후에 원하는 규칙을 추가해주어야 합니다. 유명한 airbnb를 적용하는 방법을 다음에 적어야 겠습니다.

aligner : key value 값 정렬

language-babel: es6 지원

linter-jshint: 자바스크립트 자동완성 가능한 사항을 보여줌
atom-ternjs : javascript 자동완성기능을 제공하는데, ES6, Node.js, jQuery, AngularJS 문법까지 지원한다.

project-plus : history를 기억해서 뒤로돌리기가 쉽다.

swackets : 블럭마다 다른 색상 지정