Bracket(브라켓) 확장 기능 설치하기

Bracket의 확장 기능은 유저들에 의해 개발되어 업로드되는 유용한 기능이며, 미리보기와 설명을 통해 기능 내용과 사용법을 알 수 있습니다.

현재 많은 확장 기능이 있지만, 대표적으로 Emmet, Beutify, Indent Guide, Open in browser 등으로 안내드리겠습니다.

확장 기능을 설치하는 방법

Bracket 실행 -> 확장 기능 관리자(이미지 참고) -> 검색 창에 검색 후 설치

우측 상단 레고 모양을 클릭하자

---

1. Emmet : 자동 완성 기능

Emmet은 HTML, CSS문서 작업 시 없어서는 안될 정도로 유용한 기능으로 Tab을 눌러 태그 자동완성, 기본 틀 잡기 등에 사용됩니다.

Emmet을 설치 후 html 문서형식으로 새파일을 생성하여 !를 입력 후 키보드 Tab을 누르면 HTML기본 구조가 자동 완성이 됩니다.

Emmet 확장 기능을 통한 자동 완성 기능

---

1. Beautify : 자동 정렬 기능

Beautify는 작성된 코드를 보기 편하게 자동으로 정렬해주는 확장 기능입니다.