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

본문 바로가기

사이트 내 전체검색

editor

[ 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 과 비슷)

[이 게시물은 웹지기님에 의해 2019-03-15 15:37:59 knowledge에서 이동 됨]

추천0

비추천 0

댓글목록

등록된 댓글이 없습니다.

전체 53건 3 페이지

이미지 목록

게시물 검색
Copyright © 즐거운 코딩 생활 ( funyphp ). All rights reserved.
PC 버전으로 보기