Brackets는 무료 오픈 소스 크로스 플랫폼 HTML/CSS/JavaScript 프런트엔드 Web 통합 개발 환경(IDE 도구)으로, Adobe에서 만들고 유지 관리하며 MIT 라이선스로 배포되고 Windows, Linux 및 OS X 플랫폼을 지원합니다.

Brackets의 특징은 간결하고 우아하며 빠르다는 것입니다. 많은 뷰나 패널이 없고 화려한 기능도 많지 않습니다. 핵심 목표는 브라우저 새로 고침, 요소 스타일 수정, 검색 기능 등 개발 과정에서 효율성을 떨어뜨리는 반복 작업을 줄이는 것입니다. Sublime과 같은 범용 코드 편집기와 달리 Brackets는 WEB 프런트엔드 개발을 위해 특별히 만들어졌습니다.

시연 이미지

단축키

• Ctrl/Cmd+Shift+H 파일 트리를 열고 닫을 수 있습니다
• Ctrl/Cmd + E CSS 스타일/JavaScript 함수를 빠르게 미리 보거나 편집할 수 있습니다
• Ctrl/Cmd + +/- 편집 영역의 글꼴 크기를 확대/축소합니다
• Ctrl/Cmd + 0 편집 영역의 글꼴 크기를 초기화합니다
• Ctrl/Cmd + Alt + P 실시간 미리 보기 기능을 엽니다
• Ctrl/Cmd + / 줄 주석
• Ctrl/Cmd + Alt + / 블록 주석

주의

CSS 코드와 HTML 코드에 주석을 달 때는 블록 주석 단축키만 사용할 수 있습니다

다운로드 주소

https://github.com/adobe/brackets/releases/

전반적으로 Brackets 프로젝트는 아직 새롭고 잠재력이 매우 큽니다. 또한 현재 Web 프런트엔드 개발 수요가 매우 높지만, 실제로 유용하고 강력한 무료 도구는 많지 않습니다. Brackets는 오픈 소스이고 여러 플랫폼을 지원하므로 시도하고 학습해 볼 가치가 매우 높습니다. 이 개발 도구가 여러분에게 도움이 되기를 바랍니다.