[ Brackets ] 브라켓 쓸만한 확장 기능
작성일 18-09-13 14:04
페이지 정보
작성자 웹지기 조회 18,812회 댓글 0건본문
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
댓글목록
등록된 댓글이 없습니다.