코드 예쁘게 자동 정렬하기 (브라켓) : css js등

페이지 보기해서 소스보면

이런식으로 다닥다닥 붙어서 보기 불편한 소스들이 있다.

브라켓을 이용하면 이런 붙어 있는 소스들을 간편하게 정리해줄수있다.

http://brackets.io/

브라켓은 위 사이트에서 다운로드 가능하다

브라켓을 열고

정렬해주고 싶은 소스를 붙여넣어준다

오른쪽편에 확장기능관리자라는 아이콘을 눌러준다.

beautify.io코드를 검색해서 설치해준다.

그럼 오른쪽상단에 마술봉모양의 아이콘이 생긴걸 확인할수 있다.

beautify아이콘을 클릭해주면 소스가 보기쉽게 정렬이 된다.