오픈소스 코드 에디터 Brackets 단축키와 확장기능

웹 코드 에디터 브라켓의 특장점은?

Brackets는 파일 탭을 넘나들지 않아도,

가장 신경쓰는 코드를

수정할 수 있는 창을 보여줍니다.

실시간 미리보면서 코딩이 가능합니다.

브라우저 내에서 실시간으로

변경사항을 확인하세요.

HTML과 CSS를 변경하면

화면에 즉시 반영되어 좋습니다.

https://brackets.io/contribute.html

Brackets - Contribute

 

알아두면 유용한 브라켓의 단축키는?

​

Ctrl + W : 현재 작업 창 파일(탭) 닫기

Ctrl + Z : 한 단계 전으로 실행 취소

Ctrl + Shift + Z : 한 단계 실행 복귀

Ctrl + D : 한 줄 복사 (커서 위치의 행)

Ctrl + I : 한 줄 삭제 (커서 위치의 행)

Ctrl + F : 명령어 찾기

Ctrl + H : 명령어 찾기 / 바꾸기

F11 : 전체화면 전환

Ctrl + [+ / - ] : 화면 확대/축소

Ctrl + (숫자)0 : 화면 100%

Ctrl + N : 새 파일 열기

Ctrl + O : 파일 열기

Ctrl + S : 현재 파일 저장

Ctrl + Shift + S : 다른 이름으로 파일 저장

! + tab : html 기본 레이아웃 자동완성 (html파일문서)

! + tab : !important 문구 생성 (css파일문서)

Ctrl + / : 주석처리(해제)

Ctrl + Shift + / : 드래그 한 부분 주석처리(해체)

 

 

 

브라켓의 자주쓰는 확장기능?

• Brackets synapse : 외부 FTP 연결
• Emmet : 태그 자동 완성기능
• Beautify : 줄 맞춤 / 들여쓰기 / 내어쓰기 자동정렬
• Better HTML5 Template : html5 기본 레이아웃 자동완성
• Color Hightlighter : html 색상코드 미리보기
• Color Picker : 컬러지정 (단축키Ctrl+E)
• HTMLHint / Interactive Linter : 문서 내 에러 체크
• Brackets Icons : 문서 확장자별 파일명 좌측 아이콘 생성
• Brackets Power Mode : 타이핑 파워모드
• Indent Guides : 가이드라인 표시 기능

 

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."