2021. 2. 2. 09:21ㆍEdit
Sublime Text는 코딩, 마크업을 하기 위한 에디터입니다.
인터페이스 및 사용 호환성이 좋아 요즘 많이 사용하고 있는 에디터 중에 하나입니다.
윈도우 및 맥에서 사용이 가능하며, 사용하기 전에 몇 가지 셋팅이 필요합니다.
설치
서브라임 설치는 다운받아서 설치합니다. sublimetext.com
Download - Sublime Text
Sublime Text 3 is the current version of Sublime Text. For bleeding-edge releases, see the dev builds. Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit f
www.sublimetext.com
기본만 설치 된 상태이기 때문에 필요한 기능을 설치하려면 Package Control를 설치해야 합니다. Package Control
Installation - Package Control
Installation Use one of the following methods to install Package Control: Command Palette Open the command palette Win/Linux: ctrl+shift+p, Mac: cmd+shift+p Type Install Package Control, press enter This will download the latest version of Package Control
packagecontrol.io
- View > Show Console를 클릭
- Package Control 소스를 복사하여 Console 붙여넣기 (아래 소스)
- import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
- Preference에 Package Control이 있다면 설치가 완료
Tip. 서브라임에서 무언가 설치할 때는 먼저 콘솔을 엽니다. ( 단축키는 Ctrl + ` )
Sidebar Enhancements
- Sidebar Enhancements는 사이드바의 기능을 향상시키는 기능입니다.
- 사이드바가 없다면 View > Side Bar에서 설정합니다.
- Preference > Package Control를 클릭하고 Package Control : Install Package를 클릭합니다.
- 검색란에 sidebar라고 하면 목록이 나타납니다.
- Sidebar Enhancements를 클릭하면 설치가 되고 사이드 바에서 오른쪽으로 클릭하면 다양한 기능들이 추가된 것을 확인 할 수 있습니다.
Sublime Text 의 다양한 기능을 제공하는 플러그인을 알아보겠습니다. 플러그인은 프로그램에 설치하면 바로 사용 할 수 있는 확장기능을 말합니다.
Sublime Text 플러그인
서브라임 텍스트 메뉴에서 Preferences > Package Control > install Package 클릭 후 플러그인 네임 검색
- Emmet : 복잡한 코드를 간단하게 만들어주는 플러그인
- Sftp : 호스팅 서버와 연결해 주는 파일 전송 프로그램
- SideBarEnhancements : 사이드바 기능 향상 플러그인
- AutoFileName : 자동으로 주변 경로를 불러오는 플러그인입니다.
- Color Picker : CSS 컬러 색을 편하게 설정할 수 있는 플러그인
- AutoPrefixr : 자동으로 벤더프리픽스를 만들어주는 플러그인
- Minifier : 코드를 빈칸없이 최소한으로 만들어주는 플러그인
- HTML/CSS/JS Prettify : 코드를 정렬에 맞쳐 이쁘게 만들어 주는 플러그인
- BracketHighlighter : 서로 일치하는 태그나 따옴표를 구분해주는 플러그인
- CanIuse : CSS3의 웹 표준 상태를 알려주는 플러그인
- CSSComb : 스타일시트를 보기 좋게 정리해주는 플러그인
- Diffy는 두개의 파일의 틀린점을 비교해주는 플러그인입니다.
- Goto-CSS-Declaration는 해당 클래스의 위치로 바로 이동시켜주는 플러그인입니다.
- Alignment : 코드를 기호 : 기호를 기준으로 보기 좋게 좌우로 정렬해주는 플러그인
- Trimmer : 불필요한 공백을 제거하는 플러그인
- HyperlinkHelper : URL 링크를 자동으로 만들어 주는 플러그인
- W3CValidators는 마크업 유효성 검사를 해주는 플러그인입니다.
설치 완료 후 다운받은 플러그인 확인 방법은 ?
Preferences > Package Settings
