하고재비
HTML개발환경 및 셋팅(sublime text3 , emmet) 본문
" 프로그래머에게 개발도구를 연구, 탐구하는 것은 필수덕목이다.
프로그래머는 더 빠르고, 더 편리하게 해주는 사람이다.
자신의 프로젝트 수행을 더 편리하게 해줄 나만의 개발도구를 찾아라. "
Sublime Text 3
주로 프론테엔드 프로그래밍에 사용되고 Python3기반인데다 플러그인도 잘되고 확장성 좋고,
가끔씩 유료결제해서 사용해라고 팝업뜨긴하지만 무료인데다가 어두컴컴한 셋팅으로 눈이 안아픔
기본으로 HTML은 물론이고 C , C++ , JAVA , JavaScript , JSP , Json등등 내가아는 언어 대부분 지원
다만 유일한 단점이라면 한글작성시에 한박자 느린경우인데, 플러그인을 설치해서 해결하는 경우도있지만
나는 그냥 씀. 정 답답하면 바꿔도 보겠으나 우리말을 꼭 써야할때 txt에다 입력후 복붙...
참고 : 자동정렬 셋팅
상단 메뉴 Preferences - Key Bindings - User 선택하고
Default (Windows).sublime-keymap 파일에
{ "keys": ["ctrl+shift+f"], "command": "reindent" , "args": { "single_line": false } }
을 복붙하면 이클립스와 동일한 단축키로 사용가능
Emmet
emmet은 sublime text 의 플러그인중 하나로 html개발시 번거롭던 <html></html>등과 같은 선언들을
단축키로 셋팅해준 플러그인임. 사용해보니 겁나편함. 없었으면 어쩔뻔했을려나 싶을정도로 편함
ctrl + shift + p 실행후 입력창에 package control : InstallPackage 선택후 emmet 검색하면 플러그인 설치가능
참고 : emmet 홈페이지 : https://docs.emmet.io/
cheat sheet : https://docs.emmet.io/cheat-sheet/