본문 바로가기

Programming Language/PHP

Sublime Text3 유용한 플러그인&패키지 설치 (한글깨짐 현상)

 

 

● sublime Text3를 사용하다보면 한글이 깨지거나, 한글이 늦게 입력되는 현상을 볼 수 있습니다.

이밖에도 다양하게 필요한 플러그인을 설치해서 좀더 편하게 에디터를 사용할수있게 해보겠습니다.

우선, Sublime Text3를 실행해줍니다.

기본적으로 UTF-8 인코딩을 사용합니다. 만약에 euc-kr로 작성된 코드를 읽고 싶다면

ConvertToUTF8 패키지를 설치해줍니다.

Ctrl + Shift + P를 입력해주면 아래 사진과같이 뜹니다.

 

 

 

install Package를 입력해주고, 아래에 필요한 패키지들을 동일한 방법으로 다운로드 받아줍니다.

 

 

 

 


 

 

IMESupport ( 한글 입력을 할 때 한글자씩 늦게 보이는 현상을 완화시켜준다. Only Window )

ConvertToUTF8 ( 서브라임 텍스트는 euc-kr 을 지원하지 않는데, 이 플러그인을 깔고 File - Set File Encoding To 에서 EUC-KR을 선택하면 된다. )

- Linux, MacOS X 에서는 Codecs33 도 같이 설치해야 제대로 작동한다.

BracketHighlighter ( 태그의 처음과 끝을 하이라이트 시켜서 코드 가독성을 높여준다. )

Emmet ( 젠코딩 플러그인이다. 개인적으로는 사용을 안한다. 젠코딩 없이도 서브라임 기본 기능만으로도 부족함이 없다. )

SideBarEnhancements ( Tag를 열고 닫는작업을 수월하게 해줍니다.)

Tag ( Lint의 경우는 각종 문법오류를 체크해줍니다. 작업하는 순간에 오류를 체크해주기 때문에 실수를 상당수 줄여줍니다.

AdvancedNewFile( 단축키로 원하는 경로에 파일을 생성해준다. lorem\test.html 식으로 입력하면 한번에 생성

되고 폴더가 없으면 생성된다. )

SublimeLiner ( Lint의 경우는 각종 문법오류를 체크해줍니다. 작업하는 순간에 오류를 체크해주기 때문에 실수를 상당수 줄여줍니다. )

JQuery ( JQuery 자동완성 기능이 추가된다. )

CSS Format ( css 를 여러가지 방법으로 정렬시켜준다. )

CSScomb ( css 의 속성 순서를 원하는 순서로 변경시켜준다. CSSFormat 과 같은 기능도 있다. )

View in Brower ( 브라우저 오픈 기능의 원조 플러그인이다. chrome, firefox, safari, IE 등 여러 브라우저로 오픈 가능하고 상대 경로도 가능한듯하다. )

Material Theme ( Material Theme 추천 테마 패키지 Only ST3)

Diffy (파일을 비교해주는 플러그인 입니다.)

Live reload( 에디터에서 저장을 하면, 브라우저로 창을 옮기지 않아도 새로고침이 된다. Only ST3)

LiveStyle ( 개발자도구를 열어놓고 수정을 하면 css에 바로 수정이 된다. 반대도 가능하다. )

- emmet livestyle 이란 프로그램과 크롬 브라우저 확장프로그램이 필요

SyncedSideBar ( 현재 포커스된 파일의 위치를 사이드바를 통해 바로바로 포커스를 맞춰준다. 현재 열려 있는 사이드 바 위치가 다른 곳이라도 파일이 어떤 위치에 있는지 포커스를 해줌으로서 알려주는 편리한 기능 )

- 패키지 기본 설정에서 reveal-on-activate 값으로 기능을 on/off 가능하다.