아톰 필수 플러그인 추천

2023. 12. 22. 15:20 Editor Tool/Atom

1. atom-beautify

(19.1.8 수정 deprecated 되었습니다)

아톰 필수 플러그인중 하나인 atom-beautify 저기 다운로드 수 보이시죠??

5백만이 넘는 사람이 다운한걸보면 확실히 필수가 맞는것 같아요.

atom-beautify 플러그인은

이름 그대로 이쁘게 만들어주는 플러그인입니다

인덴테이션(indentation)을 예쁘게 만들어줘서 보기좋게 합니다

코딩할때 indentation 깔끔하게 하는건 필수인거 아시죠???

 

2. auto close-html

3. code-peek

code-peek 플러그인은 함수를 구현하다가 보면 다른

파일에서 함수를 따로 구현할 경우가 있는데요

그럴 경우 함수가 정의되어있는 파일을 자동으로 열어서 보게해줍니다.

 

4. color-picker

html 태그 이름만 입력해도 자동으로 시작 및 종료 태그를

알아서 붙여주는 플러그인이에요.

 

5. emmet

html, CSS 파일들을 작성하기 쉽게 해주는 플러그인이에요

웹을 작성한다면 필수로 쓰이는 플러그인이라고 할 수있죠

저는 아직 html이랑 CSS쪽 개발은 해보지 않았지만

우선 깔아두었어요!!

위 처럼 이렇게 밑에 자동완성 기능도 있어서

태그를 쉽게 완성하는걸 볼 수 있어요 완전 편함...

안드로이드 xml 개발때 태그를 썼었는데

아톰이 더 이쁘고 편한것 같네요.

 

6. highlight-selected

이것도 나름 많은 사람들이 받은 플러그인이에요

간단하지만 있으면 나름 보기 좋아요

현재 자신이 편집하고 잇는 코드의 행을 밝게 보여주는 기능이에요

코딩하다보면서 별로 느끼지 못했을 수도 있지만

이게 없으면 또 이상할거에요.

 

7. minimap

아톰(atom) 필수 플러그인들 중 하나인 minimap이에요

이름그대로 mimimap을 보여주는 기능이에요

안드로이드 스튜디오에도 있었던 기능인것 같은데

코드가 만약 엄청~~~~길때 지금 코드의 위치가 현재 어디인지

minimap을 통해 확인 할 수 있어요

이렇게 코드를 작성하게 되면 오른쪽에 minimap이 나와서

쉽게 확인 할 수 있어요.

 

출처 : https://blog.naver.com/wlgh325/221399860316