막강한 기능을 가진 프론트 무료 텍스트 에디터 기능들 요약 브라켓 아톰 서브라임 비주얼스튜디오코드

Posted by HULIA(휴리아)
2017. 1. 20. 22:24 호스팅_서버_툴/툴

****필수 인스톨 패키지도 같이 적어두기



공통점

다양한 OS 지원

-윈도우, 맥, 리눅스




1. 비주얼 코드(MS에서 개발)

-플러그인등을 설치안해도 기본으로 제공되는 기능이 많다(code compare 기능 제공

-강력한 CSS 유효성 체크 기능

-많은 사이드바 위치 표시 기능

-안정성, 속도가 ATOM보다는 빠르다(주관이므로 참고)

-쓸만한 문서비교 기능

-다양한 언어 지원가능한 플러그인 설치 가능

-IDE 부럽지 않은 디버깅 기능

-강력한 IntelliSense 지원


 

공식사이트

https://code.visualstudio.com 




2. 브라켓(Adobe에서 개발)

-크롬 브라우저를 통해서 실시간 코딩하는 화면을 볼 수 있다

-OS따라서 환경이 거의 동일하다

-자동완성기능 제공

-테마와 플러그인 제공

-무료이다(MIT라이센스)

-포토샵과 일러스트레이터랑 연동이 된다

-컬러값을 쉽게 사용할 수 있다

-빌드라던지 등등 쓰기 힘들다(개발자에겐 어울리지 않음)


공식사이트

http://brackets.io/


플러그인

-Emmet(젠코딩)

-Beautify(코드정렬)



 

 

3. 아톰(Github에서 개발)

-많은 플러그인을 설치하면 느려지는 단점이 있음(오류도 간간히)

-너무 많은 업데이트



공식사이트

https://atom.io/



플러그인

-atom-beautify(코드정렬)

-docblockr(주석포멧)

-emmet(젠코딩)

-minimap(작업중인파일미니맵)

-open-in-browser(html파일을 브라우저에서 열어보는플러그인)

-run-in-atom(아톰 에디터에서 스크립트를 돌려볼 수 있는 플러그인)

-seti-icon(아이콘)

-split-diff(diff및 변경이력)

-color-picker(컬러)

-markdown-preview-plus

-linter(html, css, javascript 유효성 검증)


플러그인 관련 글

https://gomugom.github.io/atom-packages/


 

 

4. 서브라임(Sublime에서 개발)

-무료도 계속 쓸 수 있지만 팝업이 뜨면서 유료로 결제하길 원한다

-속도면에서보면 위의 에디터에서 가장 빠르지 않을까(주관적임)

-FTP를 에디터에서 사용할 수 있다(플러그인 제공)

-포터블 버젼 제공


공식사이트

http://sublimetext.com

 

플러그인

-ConverToUTF8(인코딩)

-emmet(젠코딩)

-