Atom 설치하기 및 추천 패키지 목록

공식 홈페이지 https://atom.io/

ctrl + ,    :    설정 단축키

< 추천 패키지 목록 >

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. Highlight selected - 설치

선택한 단어와 같은 단어들을 강조해준다.

9. Auto close HTML - 설치

자동으로 닫는 태그를 만들어준다.

10. Linter - 설치

HTML, CSS, Javascript 의 유효성을 검증해준다.

11. minimap cursorline - 설치

우측 미니맵에 현재 커서위치를 알려줌

12. sublime-style-column-selection - 설치

세로 드래그 가능하게 해줌

13. angularjs - 설치

angular 개발시 자동 완성

14. sync-settings - 설치

pc별로 설정을 동기화시켜준다.

15. git-plus - 설치

에디터에서 git 명령어 입력을 가능하게 해준다.

16. git-control

더욱 직관적으로 git 컨트롤을 가능하게 해준다.

17. terminal-plus

리눅스 명령창처럼 콘솔창을 제공해준다

18. atom-bootstrap4 - 설치

자동으로 부트스트랩형식 태그를 만들어준다.

+ 추가 )

에디터 3/4 지점에 회색줄 없애기

packages > install > wrap-guide > disabled