Brackets: 소스 코드 한 번에 정렬하기

Posted by 드린
2017. 9. 9. 08:12 팁(TIP)

웹 개발을 하시는 분들은 대부분 알고 계실 

에디터 "Brackets" 입니다.


Brackets 에디터로 개발을 하다보면 

태그도 엉망 진창 

자바 스크립트도 엉망 진창

특히 소스를 긁어오면 정렬 상태가 아주 가관이죠.


보기 좋은 소스코드가 개발속도에도 영향을 끼친다 하죠.

때문에 소스 코드 정렬은 필수라고 해도 과언이 아닙니다.


하지만 한 줄, 한 줄 정렬하기엔 귀찮기도하고,

시간이 아깝기도하죠.


한 번에 정렬하면 좋을텐데요.


그런 분들을 위해 Brackets에서는 뛰어난 플러그인을 지원하고 있습니다.

그럼 그 플러그인을 설치하러 가봐야겠죠?

Brackets 오른쪽에 보면 레고 모양이 있는데,

해당 아이콘을 클릭하시면 아래와 같이 플러그인을 관리할 수 있는 창이 뜨게됩니다.

그리고 검색창에 beautify라고 작성하시게되면 

Beautify라는 플러그인이 보이게 됩니다.


해당 플러그인을 설치해주시고, Brackets를 재실행해준 뒤

커서를 아무 곳에나 놓고 

편집 > Beautify를 클릭하던지 

윈도우는 Ctrl+Shift+L

맥은 Cmd+Shift+L을 눌러주시면 자동으로 소스들이 정렬됩니다.

이 댓글을 비밀 댓글로