1 2 3 4 5 6 L

Page Header > Subtitle

Sublime Text 설치 후 초기 세팅하기(기본 플러그인 포함)

 

서브라임텍스트 설치

서브라임텍스트는 현재 안정버전인 Sublime Text 2 버전과 베타 버전인 Sublime Text3 가 있습니다.
저는 앞으로 Sublime Text 3을 사용할 것이므로 이것을 설치하겠습니다.
먼저 해당 사이트에 접속을 해서 윈도우용 서브라임텍스트를 다운받아 설치합니다.

254FD3465536415E1151AF

설치는 그냥 설치하라는데로 설치하면 문제 없습니다.

기본 설정하기

설치를 하고나면 “어.. 이게 뭐야” 라고 할정도로 아주 단순한 검정화면만 나옵니다. 마치 윈도우 메모장의 블랫버전 같습니다.
그러나 숨어있는 기능은 정말 어마어마합니다. 그래서 이 서브라임에디터를 사용하는 사람이 그렇게 많은 것입니다.

PACKAGE CONTROL 설치

먼저 패키지 컨트롤러를 설치해야합니다. 패키지 컨트롤러는 수많은 서브라임텍스트의 서드파티나 플러그인 프로그램들을 편하게 설치할 수 있게 해주는 기능을 합니다.

http://sublime.wbond.net/installation#st3 에 접속하면 설치하는 코드가 버전별로 있습니다.

  1. 먼저 Sublime Text Console 을 엽니다. (단축키: Ctrl+`, 메뉴: View > Show Console menu)
  2. console 에 아래의 내용을 복사 합니다.
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( 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)

2671463C553653CA1121E1

  1. 재부팅을 합니다.

PACKAGE 설치하기

이제는 패키지컨트롤러를 이용해서 패키지를 설치하는 방법입니다. 패키지 종류만 다를뿐 모든 패키지에 공통적으로 사용되어지는 방법입니다.

  1. Sublime Text Command Pallet를 엽니다. (단축키: Ctrl-Shift-P, 메뉴: Tools > Command Pallet)
  2. install를 입력하면 해당 글자가 포함된 명령어의 리스트가 나오는데 이때 Install Package 선택 합니다.
    266AC449553657362BCAF7

  3. Package Control 창에 설치할 패키지명을 입력하고 설치합니다. 여기서는 emmet을 선택하여 설치합니다.

2333074F5536580E283CC9

기본 환경설정

기본적으로 보기좋게, 사용하기 좋게 하기 위한 기본설정입니다.

Preferences > Settings-User

{
    "bold_folder_labels": true,
    "caret_style": "phase",
   "color_scheme": "Packages/User/SublimeLinter/Monokai (SL).tmTheme",
    "draw_minimap_border": true,
    "draw_white_space": "none",
    "fade_fold_buttons": false,
    "font_face": "Consolas",
    "font_size": 11,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Markdown",
        "Vintage"
    ],
    "line_padding_bottom": 1,
    "line_padding_top": 1,
    "save_on_focus_lost": false,
    "tab_size": 4,
    "trim_trailing_white_space_on_save": true,
    "word_wrap": true
}

기본 설치 플러그인 종류

BracketHighlighter

  • URL : http://github.com/facelessuser/BracketHighlighter
  • {}, [], <>, “”, ‘’, () 와 같은 개행 기호에 대해서 쌍으로 존재해야 닫힘 기호를 하이라이트 처리해주는 확장 기능
  • 기본설정은 아래와같습니다.

Preferences > Package Settings > Bracket Highlighter > Bracket Setting-user

{
    "bracket_styles": {
        "angle": {
        "color": "entity.name.class",
        "style": "outline"
        },
        "tag": {
        "color": "entity.name.class",
        "style": "outline"
        },
        "default": {
        "color": "entity.name.class",
        "style": "solid"
        }
    }
}

SideBarEnhancements

SFTP

  • URL : http://wbond.net/sublime_packages/sftp
  • 서브라임텍스트와 같이 성장했다고 할 수있는 대표적인 플러그인이다.
  • 개발자 입장에서 SFTP에 한번 사용해봤다면 다른 FTP프로그램은 불편해서 사용할 수 없게 만드는 마성의 매력을 가지고 있다.
    사용법이 생소해서 처음 이해하기는 조금 어려울 수 있으나 학습해서 익힐만한 충분한 가치가 있다.

DocBlockr

  • URL : http://github.com/spadgos/sublime-jsdocs
  • javascript등 문서에 주석을 효율적으로 달 수 있다. 프로 프로그래머라면 주석은 착실히 달아야 한다.
  • /** 입력하고 Enter를 치면 주석이 자동으로 달린다

AutoBackups

  • URL : http://github.com/akalongman/sublimetext-autobackups
  • 이름에서도 알수 있듯이 편집하고 있는 문서에 대해서 자동으로 백업을 해주는 플러그인 이다.
    프로라 할지라도 편집하다 날려먹으로수도 있으니 꼭 Backup하는 습관을 들이자. 그것이 힘들다면 Auto의 힘을 빌려도 된다.

SublimeCodeIntel

  • link : http://github.com/SublimeCodeIntel/SublimeCodeIntel
  • 웹 에서 쓰이는 대부분의 언어(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP)에 대해서 변수를 찾아주는 기능을 한다.
  • 변수명에 대고 ALT+Click 또는 CTRL+F3 을 누르면 변수가 지정되어 있는 파일로 자동으로 이동해 준다.
  • ctrl + j 키를 누르면 심볼로 이동한다.

SublimeLinter

  • URL : http://github.com/SublimeLinter/SublimeLinter
  • 코딩할때 실시간으로 문법을 검사해 준다. 초급때 문법을 개을리 했었다면 이 플러그인을 설치하는 것이 쪽팔림을 방지 할 수 있다.
  • 해당기능을 사용하기 위해서는 먼저 node.js가 설치 되어 있어야 한다.

프론트엔드 개발을 위한 플러그인 종류

Emmet

  • URL : http://github.com/sergeche/emmet-sublime
  • ZenCoding을 아시는가? ZenCoding이 발전하여 Emmet이 되었다고 보면 된다. 간단한 단축키를 사용하여 효율적인 코딩이 가능하다.
    약간의 규칙만 익히면 높은 생산성의 코딩이 가능하다.

Prefixr

HTML-CSS-JS Prettify

FuzzyFilePath

  • URL : http://packagecontrol.io/packages/FuzzyFilePath
  • 이미지나 파일의 경로를 자동으로 알려주는 플러그인
  • Ctrl+Alt+Space : inserts filepaths relative, overriding possible settings
  • Ctrl+Shift+Space inserts filepaths absolute, overriding possible settings

 



[이 게시물은 관리자 님에 의해 2017-09-11 00:03:13 Tiptech 에서 이동됨]
0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기
captcha
자동등록방지 숫자입력

Db/others

번호 제목 글쓴이 날짜 조회수
21 [MySQL] Load Data 시도 중 secure_file_priv 문제 직면 미도어묵 10-23 338
20 파이썬을 이용한 금융 데이터 수집에 좋은 사이트 미도어묵 07-10 462
19 2013년도 시군구 주소 미도어묵 05-11 267
18 MySQL Incorrect datetime value: '0000-00-00 00:00:00' 미도어묵 12-15 264
17 ySQL 데이터베이스에서 mysqldump 명령어를 이용한 procedure, function, trigger 포함 백업 및 복구 방법 미도어묵 11-08 258
16 cloudflare CDN 미도어묵 09-28 271
15 소스 비교 체크 url 관리자 09-14 323
14 정보통신 표준화 위원회에서 "WoT를 위한 RESTful API 지침" 관리자 09-13 253
13 [redUTF8] euc-kr <==> UTF8 파일 캐릭터셋 일괄변경 관리자 07-19 287
12 인기무료 사진을 한번에 찾을 수 있는 FindA.Photo 관리자 04-25 292
11 사용이 쉽고 강력한 슬라이더 jQuery플러그인 모음8가지 관리자 04-25 299
10 고해상도 무료 이미지를 제공하는 웹사이트 8곳 관리자 04-22 288
9 Composer 한국어 매뉴얼 관리자 04-04 303
8 액티브레코드에 IF문 사용하기 관리자 04-04 310
7 국가별 아이피 대역 msyql 테이블 관리자 04-04 311
6 Atom 필수 플러그인 리스트 (Can’t live without it) +2 관리자 03-20 585
5 sql example 관리자 03-19 274
4 WoT RESTful API 를 위한 지침 관리자 03-11 297
3 Sublime Text 설치 후 초기 세팅하기(기본 플러그인 포함) 관리자 03-09 649
2 PHP & MySql 트랜잭션 처리방법 +1 관리자 03-09 298