본문 바로가기
  • Welcome to Smart-i
  • I can do it!
  • Those who come, be rich.
코딩공부

Sublime Text 3 다운로드 설치 및 플러그인, 윈도우10

by ~~~~~하이글로시~~~~~ 2020. 9. 5.

Sublime Logo

Sublime Text 다운로드 및 설치

코딩 연습을 위해 많은 에디터 중에 Sublime Text 3을 설치

www.sublimetext.com/3  에 들어가서 아래 화면에서 자신의 OS에 맞는 것을 다운로드한다.

서브라임 홈페이지

나는 64bit 설치형을 다운로드 받아서 설치 진행

 

설치 후 첫화면

위와 같은 첫 화면이 나오면 설치 되었음

Package control 설치

sublime.wbond.net/installation#st3

위 사이트에 접속하여

 

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33v7969800527031089eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_openel(urllib.request.build_oepner(urllib.request.ProxyHandler())); by = urllib.request.urlopen('http://packagecontrol.io/' + pf.replace('','%20)).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh !=h else open(os.path.join(ipp, pf),'wb' ).write(by)

 

위 코드는 예시로 복사해서 쓰지말 것, 버전에 따라 문자열 바뀜. 위 사이트에서 복사하여 사용

콘솔창

- 서브라임 실행 후 Sublime Text Console을 열고(단축키 Ctrl+' 또는 메뉴에서 View>Show Consle menu )

  console에 위 코드를 붙여넣고, Restart Sublme Text 한다.

 

IMESupport 패키지 설치

- 다시 시동 후 Tools>Command Pallet(단축키 Ctrl+Shift+P)

  install pa 정도 쓰면 다운메뉴에 관련 패키지가 뜬다. 그중 "Package Control: Install Package" 를 선택

커맨드 팔레트

  선택 후 클릭하고, 다시 입력란에 아래와 같이 imesu 정도 쓰고 다운메뉴에서 "IMESupport"를 선택

커맨드 팔레트 1

  IMESupport는 한글 입력을 원활하게 지원해 주는 패키지 컨트롤이다.

- 위 패키지 설치 과정과 같은 방법으로 다른 패키지도 설치하면 됨

 

다른 추천 패키지 

- Bracket Highlighter : {},[],(),'',""와 같은 열리고 닫는 기호가 쌍으로 존재하는 코드를 하이라이트 해주는 기능

- Emmet : html, css 등을 작성할때 시간을 단축 시켜주는 확장기능

- FuzzyFilePath : 이미지나 파일 경로를 알려주는 플러그인, AutoFileName를 같이 깔아야 함

- Autoprefixer : css 구문을 분석해 vendor-prefixed css 속성을 자동 추가, 실행하기 위해서는 Node.js가 설치되어

  있어야 함

- HTML/CSS/JS Prettify : HTML, CSS, JS 등의 코드를 자동으로 정렬해주는 기능

  자동 정렬하려는 코드를 블럭 선택 후 Ctrl+Shift+H 누르면 됨

- ConvertToUTF8 : 인코딩 설정을 자동으로 UTF-8로 맞춰 줌

 

패키지 제거

설치했는데 가끔 필요 없을때나 마음에 들지 않을때 삭제해야 할 경우

패키지 컨트롤을 메뉴>Preferences>Package Control을 실행 후 Package Control: Remove Package를 선택하거나, Ctrl+Shift+P 이후 Package Control: Remove Package를 선택하면 지금까지 설치한 Package list를 볼 수 있다

여기에서 제거하고 싶은 Package를 선택하면 된다.

 

[세상살이] - 온라인에서 무료로 이미지, 동영상 용량 줄이기

 

온라인에서 무료로 이미지, 동영상 용량 줄이기

온라인에서 무료로 이미지, 동영상 용량 줄이기 사진이나 동영상 업로드 시 용량 제한에 걸릴때가 있다. 화질 변화는 없이 용량을 줄이고 싶을 때, 사진이나 동영상을 전문 프로그램을 사용하지

smarti.tistory.com

[세상살이] - 유튜브 자막 다운로드 하는 방법

 

유튜브 자막 다운로드 하는 방법

유튜브 자막 다운로드 하는 법 유튜브 동영상의 한글자막이 있는 영상의 자막을 다운로드 할 수 있도록 도와주는 사이트 첫번째 : 자막을 받고 싶은 유튜브 영상 주소를 복사한다. 두번째 : 다음

smarti.tistory.com

[세상살이] - 바둑에 담긴 지혜

 

바둑에 담긴 지혜

바둑에 담긴 지혜 위기십결(圍棋十訣) 당나라 현종은 '기대조(棋待詔)'라는 벼슬을 두었는데, 이는 바둑의 최고수에게 헌정되는 자리였다. 당시 기대조였던 당나라의 바둑 고수 왕적신(王積薪)

smarti.tistory.com

[코딩공부] - CSS 텍스트

 

CSS 텍스트

CSS 텍스트 속성 텍스트 관련 속성은 Text Module Level 3에서 정의하고 있으며, 기존에 제공되던 속성 이외에 하이픈( - ) 및 구두점(.)과 탭 크기 지정 등의 속성이 추가되었다. 이번에는 기존 Text 속성

smarti.tistory.com

[디자인공부] - 포토샵으로 유리같은 문자 만들기

 

포토샵으로 유리같은 문자 만들기

Adobe Photoshop으로 유리같은 문자 만들기 포토샵으로 유리처럼 투명한 느낌의 문자를 만들려고 한다. 완성 이미지처럼 패턴을 따로 만들어 사용해도 좋고, 패턴이 없어도 깔끔한 느낌이 괜찮은 것

smarti.tistory.com

 

관련글

 

댓글