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"를 선택
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를 선택하면 된다.
[세상살이] - 온라인에서 무료로 이미지, 동영상 용량 줄이기
'코딩공부' 카테고리의 다른 글
HTML 기본요소 2, link(링크), image(이미지) (0) | 2020.09.29 |
---|---|
HTML 기본요소 1, meta tag(메타태그), color(색), background(배경) (0) | 2020.09.29 |
HTML 공간 분할(layout, iframe, block & inline) (0) | 2020.09.28 |
HTML5의 요소 (0) | 2020.09.10 |
MySQL 8.0.21 다운로드 및 설치하기, 윈도우10 (0) | 2020.09.08 |
PHP 7.4 다운로드 및 설치하기, 윈도우10 (0) | 2020.09.08 |
아파치(Apache 2.4.46) 웹서버 설치하기, 윈도우10 (0) | 2020.09.08 |
진화된 HTML5 이해(1) (0) | 2020.09.06 |
댓글