brackets 확장 기능 추천

brackets 확장 기능 추천

 

brackets.io/

 

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

File - >  확장기능관리자 검색

 

1. Indent Guide ★

   코드의 들여쓰기 위치를 표시해주는 기능입니다. 코드 관계 파악 시 편리합니다. 설치 후 보기-indentGuide를 활성화해야 이용할 수 있습니다.

Indent Guide

 

2. Beautify

   코드를 자동으로 정렬합니다. (옆으로 나열되는 코드까지 모두 한 줄씩 배치되어 코드 줄 수가 늘어날 수 있으므로 추천하지 않음)

 

3. Brackets Icons

   각 파일 확장자별로 아이콘을 표시해줍니다. 파일 구분이 어려운 초심자의 경우 사용하면 좋습니다.

Brackets Icons

 

4. Custom Work ★☆

   파일의 경로 및 위치 등을 기본 brackets 보다 보기 편하게 해줍니다.

Custom Work

 

5. Emmet

   코드를 빠르게 작성할 수 있도록 도와줍니다. (초심자 추천안함 / 코드가 숙련되면 사용하는 것이 좋습니다.)

 

6. color Highlighter

   색상값을 형광펜 효과로 미리볼 수 있게 해줍니다. (필수는 아니나 있으면 편리한 정도입니다.)

color Highlighter

 

7. New moon

   (선택) brackets의 테마기능으로 기본 dark테마를 눈에 피로감이 덜하도록 개선한 색상테마라고 보시면 편합니다.

New moon (보기-테마- 현재테마 변경) 위 이미지는 New moon : One Dark 테마입니다.

 

8. Zoom Wheel

기존 Ctrl + , Ctrl - 로 확대 축소 하는 단축키가 아닌 Ctrl + 마우스 휠 드래그로 화면 확대 축소가 가능하도록 해줍니다.

화면 비율을 좀더 쉽고 빠르게 할 수 있도록 도와주므로 작업효율에 좋습니다.

 

  Comments,     Trackbacks