최초로 아톰을 설치하면 에디터의 오른쪽 3/4 쯤 되는 지점에 회색 세로줄이 가 있는 것을 볼 수있는데 거슬리는 그 선을 제거하는 방법을 알리고 글을 마치도록 하겠다.

그림과 같이 셋팅으로 들어간 후 'Install' 에서 'Packeges' 를 선택한 후에 검색바가 보이면 'Wrap-guide' 을 쳐서 검색한 후 결과에 atom 이 등록자로 나오는 확장프로그램이 나오면 이 확장프로그램의 값을 'Disable' 을 선택하면 된다. 다시 보이게 할려면 'Enable' 을 선택하면 된다.

1. emmet (https://atom.io/packages/emmet)

   : 가장 중요해서 첫번째에 자리했다. HTML , CSS 자동 완성기능과 여러 개의 구조를 가진 태그를 한방에 완성시킬 수 있는 기능을 제공한다.

특히 *4 이런방식으로 코드를 입력하면 4개의 코드를 한번에 완성할 수 있는 기능이나 !html을 입력하면 기본적인 html 코드의 입력폼이 나타난다던가.

다양한 기능들을 포함하고 있으므로 반드시 사용하기를 추천한다.

2. Remote-FTP (https://atom.io/packages/remote-ftp)

   : 아톰에서 FTP를 연결하는 패키지. 단축키는 Alt + Ctrl + O 키를 누르면 작동한다. 입력양식은 링크를 따라가자.

3. atom-beautify (https://atom.io/packages/atom-beautify)

   : 소스코드들 중에 한칸 더 들어와 있는 등, 정렬되지 않은 코드를 정렬해준다. 사용은 우클릭 - Debug Atom Beautify 를 클릭해주면 실행된다.

4. tool-bar (https://atom.io/packages/tool-bar)

   : 툴바의 아이콘 중 커피스크립트 등의 파일들을 구분이 쉽도록 파일의 특징을 나타낸 아이콘으로 보여준다.

5. Atom-autocomplete-php (https://atom.io/packages/atom-autocomplete-php)

   : PHP 코드 자동완성 기능을 추가해준다. 설치하면 PHP 쓰기가 한결 편해짐.

6. highlight-line (https://atom.io/packages/highlight-line)

   : 현재 자신이 선택한 코드의 행을 밝게 보이게 해준다. 설치해두면 나름 편하다.

7. minimap (https://atom.io/packages/minimap)

오른쪽 상단에 소스코드 전체의 맵이 보인다. 설정에서 absolute-mode를 활성화 시켜두기를 권장한다.

8. autoclose-html 

html 태그 작성시 자동으로 종료태그를 넣어준다 .

9.goto-last-edit

ctrl + i 마지막으로 수정한 위치로 커서를 이동시켜준다. 

10. linter

문법검사 - 필수로 설치하시길 .

11. linter-htmlhint

html 문법검사를 해준다. 

linter-csslint:

css 문법에러를 잡아줌

12. linter-jshint 

javascript 문법검사를 해준다.