본문 바로가기
Web/퍼블리싱 작업일지

서브라임 텍스트3 설치부터 패키지 설치까지!!

by 힘내는찡찡이 2016. 11. 4.
반응형

회사 컴퓨터가 맛이 가서 1년전 상태로 복원이 되면서 입맛에 맞게 설정해 놓은 서브라임텍스트3이 날아갔다.

그래서 다시 설치해야만 하는 상황.



http://www.sublimetext.com/3      



▲  

서브라임텍스트3 설치 url은 이쪽에서..



 

https://packagecontrol.io/


▲  

위 링크는 서브라임텍스트를 위한 페키지컨트롤 인스톨 다운로드 사이트




The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the View > Show Consolemenu. Once open, paste the appropriate Python code for your version of Sublime Text into the console.



ctrl+' 단축키를 누르거나 Vies > Show Console 메뉴로 이동해준다.

그러면 입력창이 뜨는데, 그 곳에 사이트가 알려주는 코드를 복붙하고 잠깐 기다리면 패키지가 깔린다.

설치가 완료되면 이제 기존에 깔아두었던 플러그인을 다시 하나하나..... 



Ctrl + Shift + P 단축키를 누르면 패키지 컨트롤이 뜬다.

P,I 까지만 입력해도 Install package가 자동 완성되는데 인스톨 패키지를 실행해준다.




01. IMESupport 패키지


IME서포트 패키지는 서브라임에서 한글을 입력할 때 한박자씩 느린 답답함을 해소시켜주는 패키지이다.

이 패키지가 있느냐 없느냐에 따라서 오타율도 조금 달라지는 듯해서 깔아두는 편이다.





02. EMMET 패키지


코드를 편하게 입력해줄 수 있는 패키지. 진심 이거 없을 땐 어떻게 살았나 싶을 정도로 편리하다.


https://jeonghakhur.gitbooks.io/sublime-text3/content/package-emmet.html

항상 옆에 켜두고 봐가면서 단축키를 외우는 중인 emmet 단축키 정리 포스팅





03. SideBarEnhancements 패키지


사이드 바를 조금 더 활용도 높게 사용할 수 있도록 도와주는 패키지.

https://github.com/titoBouzout/SideBarEnhancements


깃헙에서 패키지를 다운받는다.

폴더의 구성 > 폴더 및 검색 옵션 > 보기 > 숨김 파일, 폴더 및 드라이브 표시한다.

C: > 사용자(혹은 User) > 사용자명 폴더 > AppData > Roaming > Sublime Text3 > Packages에 깃헙에서 다운받은 폴더를 이동시켜둔다.



서브라임텍스트의 Preference > Package Settings > Side Bar >  Key Bindings-User 를 연다.


 [

    { "keys": ["f12"],

        "command": "side_bar_open_in_browser" ,

        "args":{"paths":[], "type":"testing", "browser":""}

    },

    { "keys": ["alt+f12"],

        "command": "side_bar_open_in_browser",

        "args":{"paths":[], "type":"production", "browser":""}

    },

    {

        "keys": ["ctrl+t"],

        "command": "side_bar_new_file2"

    },

    {

        "keys": ["f2"],

        "command": "side_bar_rename"

    },

]




이걸 입력해두면 f12키를 누르면 브라우저가 열린다.






04. BracketHighlighter 패키지


emmet과 동시에 엄청 활용도 높은 패키지!!

코드의 처음과 끝을 알려주는 패키지인데, html이 길어지면 길어질수록 그 효과가 만땅!!!






05. W3CValidators 패키지


웹표준 검사를 돌봐주는 베리에이터 패키지

윈도우 + ctrl + V 누르면 실행된다.





기본설정

Preferences > Setting



        "font_face":"나눔고딕", //폰트를 나눔고딕으로

"font_size": 14,

"ignored_packages":

[

"Vintage"

],

"word_wrap":"true", 

"highlight_line": true //하이라이트라인 설정

}



댓글