ID :   PW :   JOIN FIND

Rusty paradise

[ETC] Bracket 확장 프로그램

by Daily posted May 21, 2017


1. Emmet : 젠 코딩. (필수 ★★★★★+★) 


2. HTML Hint : HTML 코딩 error을 표시해준다. 화면 하단에 표시


3. Bracket's file icon : 좌측 사이드바 파일명 앞에 아이콘, 파일 포멧이 눈에 잘 보임.


4. Minirier for Bracket : css 파일을 minify(압축)해서 min.css 생성.


5. indent guide 아무거나, 


6. markdown toolbar 상단 툴바에도 파일 포멧 아이콘.


7. custom work (토글 도구 모음, 사이드바 전환, 다중패널지원-상하좌우-)


8. brackets color highlighter : css, less, scss, sass, 컬러코드 지원 (rgb, rgba, hsl, hsla, 전부 지원)


9. hide working file : 작업내용 접기 형태.


10. bracket linter : coffeescript, csslint, htmlhint, eslint, jscs, jshint, jslint, jsx, jsonlint를 포함. 때문에 작업시 오류가 나거나 확인이 필요한 부분 확인 가능. (필수 ★★★★★)


11. Brackets git : 브라켓 내에서 git 사용 가능. (그러나 나는 깃허브를 정리하지 않았다고 한다.)


12. color merge : css에서 사용된 모든 컬러값을 볼 수 있다. 한방에 수정 가능. 


13. Autoprefixer : css에서 -webkit-, -moz-, -o- 폴리필 첨부해줌.


+  브라켓 확장 TOP100 - http://brackets.dnbard.com/extensions

?
Comment '1'
  • profile
    Daily 2017.05.25 07:59
    + css fier : html 드래그 해서 css 파일에 옮겨 붙여 넣으면 "선택자 {}" 형태로 알아서 생성됨.

Coding&Design

html5, css, Jquey, JavaScript, photoshop, IIIustratot, zb4, XE

List of Articles
한 번만 읽어주세요 :D 1 file
5 [HTML] label + input 결합 (체크박스를 텍스트/이미지와 연결) 2017.05.22 12338
4 [XE] 체크박스 이미지로 구현하기 file 2017.05.22 1146
3 [TIP] 트위터 위젯 달기. file 2017.05.21 2245
» [ETC] Bracket 확장 프로그램 1 2017.05.21 2215
1 [ETC] Sublime Text Build 3114, 64bit 1 file 2017.05.21 91
목록
Board Pagination Prev 1 Next
/ 1