Brackets
A modern, open source code editor that understands web design
Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.
brackets.io
추천 플러그인 :
Beautify :
문서 가독성을 높여 보기좋게 코드정리 해주는 기능
한줄로 나열된 css를 오른쪽에 요술봉 같이 생긴 아이콘을 클릭하거나
단축키 Ctrl + Shift + L 누르면 바로 실행된다.
Brackets Icons :
오른쪽에있는 문서 앞에 아이콘이 표시되는데 확장자별로 다른아이콘입니다.
Custom Work :
화면 왼쪽에 폴더, 파일명만 보였는데 상단에 탭이 생기면서 파일이동하기 편리해집니다.
Emmet :
빠른 코딩을 도와주는 플러그인입니다.
<div>를 입력하면 자동완성으로 </div> 닫는 태그가 생성되거나
h1{Emmet} 입력후 탭키를 누르면 자동으로 <h1>Emmet</h1>으로 전환된다.
HTMLHint :
html 에러를 화면 하단에 표시해줍니다.
Interactieve Linter :
문서 종류에 상관없이 에러난 곳에 전구모양 아이콘이 보이며 클릭하면 이유를 알 수 있습니다.
color Highlighter :
입력한 color를 한눈에 알아볼 수 있게 합니다.
출처 : https://carina16.tistory.com/21
Brackets 브라켓 에디터 설치 및 필수 확장 기능
코딩 공부를 시작한지 벌써 8개월이 지나가는 동안 내가 썼던 HTML편집기는 3가지 종류이다. 제일 처음 사용한 편집기는 에디터플러스 그다음은 서브라임텍스트 마지막 브라켓. 요즘은 에디터플
carina16.tistory.com
'STUDY > for Developer' 카테고리의 다른 글
| [POSTMAN] 포스트맨 사용방법 (0) | 2023.03.01 |
|---|---|
| [Cyotek Webcopy] 웹사이트를 복제하는 프로그램 (0) | 2023.01.17 |
| [Chrome] 개발자도구 DevTools로 코드 분석하기 (0) | 2022.12.25 |
| [IT] 신입개발자를 위한 IT 용어 정리 (0) | 2022.12.23 |
| [Apache Axis] Apache Axis2란? (0) | 2022.12.21 |