서브라임텍스트 패키지 모음

May 20, 2015

서브라임텍스트는 개발할 때 주로 사용하는 에디터인데, 기본 편집기능도 좋고, 패키지를 사용하게 되면 훨씬 더 편하게 개발할 수 있다. 이 포스팅에서는 개발할 때 자주 사용하는 패키지를 소개할 것이다.

Sublime Diagram Plugin

평소 서버 구성도, 시퀀스 다이어그램을 그려야 하는 경우가 많이 있다. Dia, 파워포인트, Pencil, yED와 같은 툴을 사용해봤지만, 만족스럽지 않았다. 직접 그리는 방식이라서 배치하는데 신경이 많이 쓰여 흐름이나 배치에 집중하기 어려웠다.

이 플러그인은 다음 프로그램이 준비되어 있어야 한다.

Java (download from java.sun.com)
Graphviz (I recommend “homebrew” on the Mac)
Sublime Text 2 or 3

그리고 서브라임 패키지 인스톨러로 설치가 되지 않기 때문에, 패키지 디렉터리에 직접 설치해야 한다.

# osx
cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages

# windows
cd "%APPDATA%\Sublime Text 3\Packages"

# 플러그인 소스 가져오기
git clone https://github.com/jvantuyl/sublime_diagram_plugin

Git Plugin

서브라임 텍스트에서 git을 편하게 사용할 수 있게 하는 플러그인이다. 패키지 인스톨러를 통해 설치하면 된다.

SublimeGit

윈도를 사용할 경우 따로 git 프로그램을 설치해야 한다. 그리고 경로를 다음과 같이 설정해야 할 것이다.

{
    "git_executables": {
        "git": ["c:/Program Files/Git/bin/git"],
        "git_flow": ["c:/Program Files/Git/bin/git-flow"],
        "legit": ["c:/Program Files/Git/bin/legit"],
        "gitk": ["c:/Program Files/Git/bin/gitk"]
    }
}

커맨드 팔레트에서 주로 다음 3개만 사용하는데, 특히 status에서 선택하는 기능이 좋다.

GIT status : 버전 관리할 파일을 선택하고, c를 누르면 커밋 메시지를 작성할 수 있고, 탭을 닫으면 커밋이 된다.
GIT push
GIT pull

MarkdownEditing

Markdown 형식으로 메모도 하고, 프로젝트에서 Readme.md 문서도 자주 만드는데, Markdown 파일을 작성하는데, 이 플러그인이 아주 유용하다. 지금 작성하는 블로그도, 서브라임에서 이 플러그인 사용해서 작성하고 있다. 문서와 코드(Javascript, Python 등)에 신택스 하이라이트도 되는 것이 핵심이다.

패키지 팔레트에서 다음 이름의 플러그인을 찾아서 설치하면 된다.

MarkdownEditing

Markdown Preview

Markdown Editing으로 Markdown 파일을 작성할 때 도움이 된다고 할 수 있다. 최종 결과물을 브라우저에서 볼 수 있게 하는 플러그인이 바로 Markdown Preview다. 작성하다가 최종 결과물이 보고 싶다면 CTRL+B 윈도에서 빌드하면 브라우저에 작성하고 있는 문서가 보일 것이다.

Markdown Preview

SFTP

여러 서버에서 작업할 일이 많이 있는데, 이 플러그인이 아주 유용하다.

SFTP

sftp-config.json 파일을 만들고, CTRL + ALT + U, W를 누르면 서버에 존재하는 폴더와 파일을 볼 수 있다. 수정할 파일을 선택하고, 수정 작업을 거친 후 저장하면 서버에 저장이 된다. 그런데 이 플러그인을 쓰는 것보다 atom 에디터의 SFTP 기능이 더 좋았다.

{
...
   
    "type": "sftp",

    "save_before_upload": true,
    "upload_on_save": false,
    "sync_down_on_open": false,
    "sync_skip_deletes": false,
    "confirm_downloads": false,
    "confirm_sync": true,
    "confirm_overwrite_newer": false,
    
    "host": "127.0.0.1",
    "user": "아이디",
    "password": "비밀번호",
    "port": "43520",
    
    "remote_path": "/",
    "ignore_regexes": [
        "\\.sublime-(project|workspace)", "sftp-config(-alt\\d?)?\\.json",
        "sftp-settings\\.json", "/venv/", "\\.svn", "\\.hg", "\\.git",
        "\\.bzr", "_darcs", "CVS", "\\.DS_Store", "Thumbs\\.db", "desktop\\.ini"
    ],

...    
}

GhostText

브라우저의 텍스트 입력창(Textarea)의 내용을 서브라임 텍스트로 작성할 수 있게 하는 플러그인이다. 크롬이나 파이어폭스에 플러그인을 추가로 설치해야한다. 크롬과 파이어폭스에 플러그인을 설치하고, 텍스트 영역에 GhostText 기능을 활성화할 수 있다. 그 상태에서 서브라임에서 내용을 작성할 수 있다.

그러나 내가 자주 사용하는 도구는 위지웍 에디터라서 잘 활용하지 못했다.

GhostText

처음 알았을 때는 많이 사용하려고 시도했지만, 은근히 귀찮다. 텍스트 창에 글을 입력하다 브라우저가 문제가 생겨 종료되더라도, 글은 서브라임에 남아있는 것은 장점이다.

서브라임텍스트 패키지 모음

Sublime Diagram Plugin

Git Plugin

MarkdownEditing

Markdown Preview

SFTP

GhostText

InsertDate

SublimeLinter

기타 사용 중인 플러그인

Dockerfile Syntax Highlighting

Autotools

Babel

BracketHighlighter

RPM Spec Syntax

sublime-project-specific-syntax

sublime_diagram_plugin (PlantUML)

Terminal

Stylus

Siteleaf Liquid Syntax

SideBarEnhancements

React ES6 Snippets

R-Box

PHP Code Coverage

Phpcs

PhpDoc

NSIS

Lua​Autocomplete

Jekyll

INI

Find++

DocBlockr

C++11

C++ Snippets

Lint 플러그인

삭제한 플러그인

View In Browser

TypescriptCompletion

VBScript

Select By Regex

Repeat Macro

SublimeServer

React​JS

React Templates

Move Tab

Markdown Extended

Indent​Tips

HTML5

Flow

Download Source

Dockerfile Syntax Highlighting

Color Highlighter

Markup Jira confluence(SublimeConfluence)

Browser Integration

All Autocomplete

ApplySyntax

Better Coffee Script

CJSX Syntax

Grunt

ChangeQuotes

ColorHelper

Emmet

Evernote

Google Search

npm

yUML

SublimeGit

GitSavvy

HTMLBeautify

Live​Reload

SqlBeautifier

Text Pastry

Pretty JSON

InsertDate

SVN

ShellCommand

Shell Turtlestein

Tabs​Extra

Scheme

PyV8

LuaAutocomplete

ReactJS

IndentTips

LiveReload

TabsExtra

JavaScript & NodeJS Snippets

SublimeREPL