회사 컴퓨터가 맛이 가서 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 menu. 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 //하이라이트라인 설정 } |
'Web > 퍼블리싱 작업일지' 카테고리의 다른 글
20170818:: input effect (0) | 2017.08.18 |
---|---|
20170817 :: 리액트 작업일지 (0) | 2017.08.17 |
html 이미지 맵 에리어 - <map>,<area> (0) | 2016.10.06 |
<meta http-equiv="x-ua-compatible"> (0) | 2016.09.05 |
데이터피커 datepicker 사용 그리고 옵션 (0) | 2016.09.02 |
댓글