본문 바로가기

etc

[툴] Brackets 에디터 기본

다운로드: http://brackets.io/

   

자주 사용하는 단축키(물론 주관적)

   

1. <html> 선태그를 입력하면 </html> 후태그가 자동완성된다.

2. Ctrl + D: 현재 라인을 아래 라인에 복사한다.

3. Ctrl + Shift + D: 현재 라인을 삭제한다.

4. Ctrl + Space: html 태그의 속성, CSS 속성과 값 등을 자동완성 목록을 활성화 시킨다.

5. Space: html 태그의 속성, CSS 속성과 값 등을 자동완성 목록을 활성화 시킨다.

6. Ctrl + /: 라인 전체를 주석, 반대로 해제도 가능

7. Ctrl + Shift + /: 블록 영역만 주석, 반대로 해제도 가능. html 주석은 <!-- -->, CSS 주석은 /* */

   

자주 사용하지 않는 단축키

   

1. Ctrl + [ or ] : 내어쓰기 / 들여쓰기(Indent)

2. Ctrl + Shift + 위 or 아래 방향키 : 라인 전체 이동

3. Ctrl + Alt + 위 or 아래 방향키 : 근접 라인 추가 선택/ 해제

   

간단 사용법

   

선태그를 입력하면

후태그가 자동완성된다. (선, 후 맞는 표현인지는 모르겠다. 올바른 용어 발견하면 수정예정)

   

장점

   

포토샵으로 유명한 어도비(Adobe)사의 제품답게 이미지 미리보기(Preview) 기능이 일품이다.

더 인상적인 기능은 이미지 경로 입력시 힌팅(Hinting) 기능을 제공한다는 것이다. 사람은 오타를 내기마련이다.

마지막 대박, 실시간 미리보기 기능이다. 드림위버와 같은 툴이 흔히 제공하는 기능이지만 가벼운 에디터에서는 보기드문 기능이다.

덤으로 한글화는 영어 싫어하시는 분들에게 강추다.