오픈소스 에디터 Brackets

드림위버와 병행하여 사용할 에디터를 찾던 중 Brackets에 대해 알아봤습니다.
일단은.. 기본설정으로도 가독성이 훌륭해서 맘에 들었습니다.

Brackets (http://brackets.io/)은 Adobe에서 만든 오픈소스 편집기입니다. (무료)
HTML, CSS Javascript으로 만들어진 프로그램이고,
HTML, CSS Javascript에 최적화되어 있습니다.

– 이 글을 쓰는 시점에서 UTF-8 파일만 편집가능
– PSD파일을 가져와서 레이어가 살아있는 상태로 참조하여 바로 코딩할 수 있음 (!!? 개사기)
– 다른 부분의 코드를 그 자리에서 빠른편집 가능. (JS함수 or CSS)
– 라이브 프리뷰 (수정 내용을 브라우저에 바로 반영)
– 다양한 확장기능
– 한글화 되어 있음
– 반응속도 별로 안 빠름

괜찮은 확장기능들


Auto Brackets
When you write { , [ or ( and press enter, closes the tag and leaves the cursor in the middle line with correct indentation.

Autoprefixer
Parse CSS and add vendor prefixes automatically.

Beautify
Format JavaScript, HTML, and CSS files

Brackets Icons
File icons in Brackets’ file tree.

Emmet
High-speed HTML and CSS workflow

eqFTP
Brackets 용 FTP/SFTP 클라이언트

HTML Templates
Inserts HTML from a pre-made list of templates.

Indent Guides
Show indent guides in the code editor.

Inline Image CSS or HTML Image Tag
Small tool to convert url images references in css or html image tags to data-Uri.

Interactive Linter
Interactive linting for Brackets

JS CSS Minifier
Minifies your JavaScript and CSS files with UglifyJS2 and CleanCSS. Now with Project Minification and Customizable Save Paths for Minified Files!

Minimap
The minimap shows a smaller version of your code at the right of the screen. It can be used to quickly scroll to a certain part of your file. This is a fork of brackets-wdminimap by Brian Adams …

우클릭 메뉴 확장
우클릭 컨텍스트 메뉴에 잘라내기、복사, 붙여넣기、저장、케이스 변환 등의 기능을 추가합니다.

답글 남기기

이메일 주소는 공개되지 않습니다.

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.