IDE(통합 개발 환경)

[Atom] 아톰 에디터 플러그인

애드망3 2021. 7. 30. 08:30

에디터 사용 시 플러그인을 사용해서 개발 속도나 편의성을 높일 수 있습니다

플러그인 추가

상단 메뉴 File -> Settings 클릭 혹은 단축키 Ctrl + 콤마(,) 입력합니다

Settings 메뉴에서 맨 아래에 위치한 Install 클릭합니다

설치를 원하는 플러그인 이름을 검색해서 설치하면 적용됩니다

 

1. emmet

태그 입력을 좀 더 편하게 도와줍니다

예로 <div> <h1> 내용 </h1> </div> 입력하는 경우

<, / 등을 사용하지 않고

div.h1 {내용} 입력하고 탭을 누르면 자동으로 <div><h1> 내용 </h1></div> 형식으로 입력됩니다

 

2. atom beautify

태그를 가독성 좋게 변경해서 보여줍니다

다른 사람의 코드 등을 복사할 때 줄 간격 다르거나, 한 줄로 복사되어 오는 경우가 있습니다

이럴 경우 atom beautify 플러그인을 사용하면 가독성 좋게 코드를 정렬해줍니다