[ Brackets ] 브라켓 쓸만한 확장 기능 > editor

Brackets Power Mode

 - 글을 쓸때 글자에 이팩트를 주어서 재미있는 코딩을 즐기게 해줌.

 - 활성화 Ctrl + Alt + 0

Brackets Synapse 

 - Ftp / Sftp 등을 사용 할 수 있게 해줌.

 - 화면 우측에 이미지가 추가됨. 클릭시 synapse가 뜨고 +를 눌러서 추가 할 수 있슴.

 - 한번에 한개의 ftp / sftp만 연결 가능

Brackets Tree Icons

 - 디렉토리 및 파일의 모양을 바꿔줌(아름답게)

Dark Revolution 

 - php 코딩할 때 쓸만한 테마

PHP SmartHints 

 - php 코드 완성

Emmet 

 - 코드 완성

 - 코드입력 후 tab키 ( p{하하}탭키 )

Minimap

 - 코드 오른쪽에 미니맵을 보여준다

Color Merge

 - CSS 색상 선택기능(컬러 픽커로 색을 가져다 사용가능)

Document Outline

 -문서의 아웃라인을 에디터상에서 확인할 수 있슴.

Tabs- Custom working

 - Ctrl + pageUp, pageDown 으로 tab간 이동을 도와줌

 - 속성별 아이콘도 생김

Indent Guides 

 - 해당줄의 라인을 그어줌.

Todo

 - 코딩에 필요한 Todo를 보여줌

 - 기본셋팅으로 todo, note, fixme, feture가 적용되어 있슴(설정추가가능)

Interactive Linter

 - 각종오류를 체크해줌

 - coffeescript, csslint, htmlhint, eslint, jscs, jshint, jslint, jsx, jsonlint

SassHint

 - sass파일 작성시 미리정해둔 값들을 불러들이기 편함

W3CValidation

 -W3c의 문법을 체크하여 에러창에서 확인히 필요한 부분 지적

Brackets outline list

 - html,css 문서를 해석 class또는 id를 사용할 경우 옆에 태그를 보요줌

Brackets Git

 - 에디터내 Git

Brackets snippets(by edc)

 

QuickForm Tool

 - form 관련된 요소들이 타이핑 없이 원클릭으로 요소추가 가증

Lorem Pixel

 - Placehoder image를 첨부 시켜줌

 - 데모나 샘플용 작업에 유리(랜더링이 있슴)

Lorem Ipsum

 - 데모 텍스트 작성시 용의(타이핑 tab)

markdown preview

 - markdown형식으로 문서작성시 사용 확장자는 .md

css comb 

 - css 정리

beauty

 - 문서 정리 ''와 {} 를 기준으로 정렬 줄바꿈 자동 인덱트

 - sass에 맞지 않음

autoprefixer

 - css에서 -moz-, -webkit-, -o- 등의 폴리필을 첨부해주는데 codekit, glup, grunt 컴파일을 도와주는 툴을 사용하지 않고 순수하 게 하드코딩을 할 경우 도움이 됨, ( codekit 과 비슷)

추천0
비추천 0