Sublimelinter 각 언어에 대한 Linter 설치와 설정방법

서브라임텍스트 에디터에서 Sublimelinter를 사용한 각 언어에 대한 설치와 설정방법에 대해 알아본다. 이 문서는 앞으로 업데이트가 계속될 예정이다.

Markdown

서브라임텍스트에서 SublimeLinter-contrib-mdl 설치를 한다. 윈도는 바로 린터가 작동하는데, OSX는 재시작이 필요하다.

이렇게만 해도 linter는 동작한다. 그런데 글이 설정한 Wordwrap보다 길어지면 MD013 Rule에 걸린다. 그래서 이것을 제외할 필요가 있다.

먼저 커맨드 팔레트에서 다음을 선택한다.

그리고 다음과 같이 설정한다.

링크:

Sublimelinter 예제

서브라임텍스트 사용 팁

서브라임텍스트에서 자주 사용하고, 유용한 팁을 정리했다.

Word Wrap(워드랩)

에디터를 사용하다보면 사이드바를 늘리고, 레이아웃을 4분할을 쓰게 되면 코딩영역이 작아져서 가로 스크롤이 생겨 불편한 경우가 있다. 이 때 메뉴에서 워드랩을 설정해 불편함을 없앴 수 있다.

가이드 라인도 워드랩에 맞게 설정한다.

현재 줄을 위 아래로 이동하는 방법

단축키:

블럭을 지정해서 블럭단위로 위 아래로 이동할 수도 있다.

정렬하는 커맨드

커맨드 팔레트에서 다음 커맨드를 통해 정렬 기능을 사용할 수 있다.

  • Shffle : 랜덤
  • Sort : 오름차순
  • Reverse : 내림차순
  • Unique : 중복 제거

다음 예제로 블럭을 지정한 후 테스트할 수 있다.


레이아웃 분할

단축키 :

숫자키 기능
1 단독창
2 Column 2개
3 Column 3개
4 Column 4개
5 Grid
8 (윈도 전용) Row 2개
9 (윈도 전용) Row 3개

라인 단위로 쪼개기

단축키:

메뉴:

또 하나의 팁. 선택 후 “ 또는 { 를 입력하면 선택영역이 해당 문자로 감싸게 된다.

라인 지우기

현재 라인에서 커서 이후로 모두 지운다.

단축키:

현재 라인에서 처음부터 커서까지 모두 지운다.

커맨드 팔렛트 실행

함수 리스트 보기

파일명으로 찾기

새창으로 서브라임 띄우기

아이콘을 만들 때 다음 옵션을 줘서 이미 열려진 서브라임텍스트 외에 추가로 빈 에디터를 띄울 수 있다.

선택 대문자로 바꾸기

선택된 단어를 모두 찾아 선택하기

단축키:

해제는 ESC 또는 위 단축키를 다시 누르면 된다.

CR/LF 변환하기

최근 프로젝트 삭제 방법

다음 파일 수정:

(윈도)

(OSX – Sublime Text 2)

(OSX – Sublime Text 3)

서브라임텍스트 속도 향상 팁

OSX에서 서브라임텍스트가 아주 느려지는 문제가 갑자기 생겼다. 텍스트를 입력하고, 방향키를 누르면 랙이 나타나는 증상이다. 그래서 원인을 찾으려고 몇몇 시도를 했다.

  • 안 쓰는 플러그인 제거
  • OSX 최적화
  • 서브라임텍스트 설정 변경

Sublimelinter 때문에 그럴 수도 있겠다 싶어서 delay 시간을 조절했다. 효과는 없었다. 설정의 문제가 아니라 어떤 플러그인에 의해서 발생하는 문제인 것 같다고 생각했다.

이제 어떤 플러그인이나 설정이 문제를 발생하게 만드는지 알아보려고 했다.

우선 서브라임텍스트를 종료했다. 아래 디렉토리에서 두 개의 디렉토리를 다른 폴더로 이동했다.

  • Installed Packages
  • Packages

다시 서브라임텍스트를 열었고, 문제가 발생하지 않았다. 플러그인 문제다.

Installed Pacakges 디렉토리 안에 의심가는 플러그인을 넣어가면서 테스트를 했다. 결국 Jekyll 플러그인을 넣으니 문제가 다시 발생했다.

더 자세히 알아봤는데, Jekyll 플러그인에서 설정 문제였는데 그 내용은 따로 글을 작성했다.

아무튼 플러그인이나 소프트웨어는 필요한 것만 써야겠다고 생각했다.

서브라임텍스트 특정 확장자에 Syntax 지정하기(PlantUML)

다이어그램을 그리기 위해 PlantUML을 사용하고 있다. PlantUML 파일을 수정할 때, 실시간으로 그려진 다이어그램을 볼 수 있다는 장점 때문에 평소에 Atom 에디터를 사용했었다. Atom을 사용하는 이유는 이것밖에 없었다. 그래서 가능하면 이 작업도 서브라임텍스트로 할 수 있었으면 좋겠다고 생각했다.

Atom을 사용하기 전에 서브라임에서 PlantUML 문법 지원을 위해 플러그인을 하나 사용한 적이 있다. 문법 하이라이트는 잘 지원하지만 내부적으로 plantuml java 프로세스가 실행하고, 저장할 때마다 새로운 이미지 파일을 계속 생성하는 방식이었다. 이런 점 때문에, Atom 에디터로 넘어가게 됐었다.

“Node.js 서버가 PlantUML 파일을 이미지 파일로 제공하는 건 어떨까?”란 생각을 했고, 그렇다면 에디터에서 파일을 수정하고, 브라우저로 확인하면 되므로, 파일이 생성되지 않아도 됐다.

그런데 기본 확장자가 wsd로 되어 있다. Atom에서는 puml을 사용해서 서브라임에서 이 파일들을 열면 Plain text로 나타난다. 확장자를 바꾸면 되지만, wsd보다는 puml이 plantuml이라는 것을 더 잘 표현하는 것 같아서 puml을 그대로 사용하고 싶었다.

방법은 플러그인의 설정파일만 변경하면 된다. 경로는 다음과 같다. 다른 플러그인도 비슷한 형태일 것으로 보인다.

puml이라고 되어 있는 부분을 추가하면 된다.

diagram.tmLanguage.xml:

그리고 에디터를 더 빠르게 사용하기 위해서 서브라임텍스트에서 기본적이고, 필수적인 기능(Lint, Syntax highlight)을 제외하고 플러그인 사용하는 부분을 최대한 안 쓰려 노력하고 있다.

VI 에디터 관련 메모

기본 에디터 vi로 바꾸기

Ubuntu에서 기본에디터가 vi가 아니라서 다음과 같은 방법으로 에디터를 바꿨다.

UTF-8로 설정

.vimrc :

vi syntax 활성화 방법

.vimrc :

붙여넣기 할 때 밀리는 경우

터미널에서 내용을 붙여넣기를 할 때 밀리는 경우가 있는데, 설정을 통해 해결할 수 있다.

.vimrc :

SublimeJekyll. SublimeText Jekyll 플러그인

Sublime-jekyll

포스팅을 작성할 때마다 새로운 파일을 생성하고, 이름을 적고, 메타 정보를 입력하는 것이 번거로웠다. 그래서 스크립트로 간단하게 이 작업을 자동화할 수 있는 것을 만들려고 했다. Python으로 만들지 Ruby로 만들지 고민하던 중 sublime-jekyll이란 걸 보게 됐다.

이거였다.

설치하기:

패키지 컨트롤에서 Jekyll을 검색해서 설치

 

설치한 후 바로 동작하지 않고, 프로젝트 설정이 필요하다. 직접 post, draft와 같은 디렉토리를 지정할 수도 있지만, 자동으로 찾는 옵션인 jekyll_auto_find_paths를 true 설정했고, 확장자도 기본이 markdown이라서 md로 변경했다.

 

더 자세한 설정은 여기서 확인할 수 있다.

그리고 템플릿을 만들어서 새로운 포스트를 생성할 수 있다. 그래서 템플릿을 다음과 같이 만들었다.

괜찮은 기능

  • Open post : 포스트 열기
  • New post : 새로운 포스트 작성하기

OSX에서 느려지는 문제

jekyll_auto_find_paths를 true로 설정했었는데, 이것 때문에 키보드로 입력했을 때 도저히 사용 못할 정도로 아주 느려지는 문제가 발생했다.

수동으로 경로 설정을 해야하고, 반드시 절대 경로를 사용해야한다.

 

서브라임텍스트 특정 디렉토리 프로젝트에서 제외하는 방법

서브라임텍스트에서 프로젝트를 검색할 때 node_modules 같은 디렉토리에 있는 파일이 검색되는 경우가 많아서 불편했다. 그래서 새로운 프로젝트를 만들거나 장비가 바뀌었을 때마다 구글링하던 내용을 포스팅했다.

메뉴 또는 커맨드팔레트에서 프로젝트 수정 명령을 실행한다.

Project: Edit

에디터에 json 파일이 나타나면 folder_exclude_patterns을 추가하고, 제외할 디렉토리와 파일을 입력하면 된다. 아래 예제는 jekyll에서 sass 캐시와 html로 생성된 결과를 제외한 경우다.

 

 

Atom Editor

Atom은 이해하기 쉽고, 커스터마이즈 하기 쉬운 에디터다. Github에서 Sublime Text와 상당히 비슷하게 만들었는데, 내장된 패키지 매니저가 있어서 패키지 관리나 설정은 오히려 더 쉽고, 편하다.

그리고 Electron을 사용해서 만들었기 때문에 윈도, OSX, 리눅스에서 모두 동작한다. Electron에서 Webview를 사용할 수 있어서, browser-plus와 같은 패키지를 만들 수 있는 것 같다. 이 부분이 Sublime Text와 비교했을 때 가장 큰 장점일 수 있을 것 같다. 오직 Atom 에디터만 열어놓고 웹 개발을 할 수 있다.

그 밖에 마크다운 관련 패키지가 기본적으로 내장되어 있어서, 별도로 설치할 필요가 없다. CTRL + SHIFT + M을 누르면 프리뷰 화면을 보면서 마크다운 텍스트를 편집할 수 있어서 편하다.

사용하면서 Sublime Text에 있는 패키지는 대부분 찾을 수 있었고, 기능은 오히려 더 좋았다.

유용한 패키지 모음

Sublime Text와 비슷한 환경을 만들기 위해 추가로 설치했던 패키지와 기능을 간단하게 기술했다. 진하게 표시된 패키지는 특히 유용한 것이다.

패키지 이름 기능
autosave 포커스를 잃었을 때 파일 저장
open-terminal-here 터미널을 띄워준다. 윈도, 맥에서 모두 동작
plantuml-viewer plantuml 뷰어
japanese-wrap 한글 워드랩이 정상적으로 동작하지 않는 문제를 해결
Stylus Stylus Syntax Highlight
language-cjsx coffee jsx(cjsx) Syntax Highlight
language-lua lua Syntax Highlight
language-plantuml plantuml Syntax Highlight
Remote-FTP 원격 파일 관리 (ftp, sftp 지원)
git-plus 편리한 git 명령이 가능
term 터미널(윈도에서 tty.js 모듈 빌드 문제 때문에 사용 불가)
project-manager Sublime Text처럼 프로젝트 관리
browser-plus 브라우저로 웹사이트를 열 수 있음.
minimap 코드 미니맵
date “2015-10-10”와 같은 형태로 날짜 입력
highlight-selected Sublime Text처럼 단어에 더블 클릭했을 때, 선택된 단어를 표시
react react 문법. jsx 지원
react-snippets React 스니펫
terminal-panel 터미널 명령 실행
atom-autocomplete-php PHP 자동완성
autocomplete-php PHP 자동완성
atom-coffee-repl coffee repl 환경
atom-terminal 현재 파일 디렉터리에서 터미널 열기
atom-wallaby Wallaby.js로 유닛테스트
coffee-autocompile 커피 스크립트를 자동으로 컴파일
coffee-navigator 커피 스크립트를 위한 코드 네비게이션
hyperclick Hyperclick UI
vagrant 편리한 vagrant 명령. (문제 있음)

Nuclide

nuclide는 웹과 모바일 개발에 특화되고, Atom 위에 패키지들의 모음으로 만들어진 통합 개발환경이다. 다시 말하면 Hack과 Javascript 개발하기 위한 Nuclide라는 이름으로 시작하는 페이스북이 만든 패키지들의 모음이라 할 수 있다.

기본적으로 원격 개발이 가능하므로, Remote-FTP 패키지는 비활성화시킨 후 사용해야 한다. 언어는 Hack과 Javascript를 지원하고, 정의한 위치로 이동하는 기능과 자동완성을 기본적으로 포함하고 있다. tree-view와 기능이 겹치기 때문에 비활성화하는 것이 좋다.

사용하면서 발생했던 문제

현재 윈도와 OSX에서 1.0.19를 사용하고 있는데, 몇 가지 문제가 있었다.

Sublime Text에 비해서 무겁다.

에디터를 열고, 사용할 때 전체적으로 Sublime Text보다 느려 답답한 느낌이 있다.

Atom Helper 프로세스의 CPU 부하 100%로 올라가는 문제가 있다.

이 문제는 OSX에서 더 심각했다. 처음 Atom을 실행하면 프로세스가 100%로 올라간다. 어느 정도 시간이 지나면 다시 내려간다.

안정성이 떨어진다.

여러 패키지를 업데이트할 때, CPU 부하가 심하다. 아무리 기다려도 업데이트가 완료되지 않는 경우도 발생한다. 사용하다가 검색이 필요해서 CTRL + F를 눌러 검색하려고 했는데, 아무런 반응도 없다. 단축키가 아무것도 동작하지 않는 문제도 있었다. 되살리기 기능도 제대로 안 될 때도 있었다.

결론

이런 문제들 때문에, Atom의 엄청난 기능에도 불구하고, 메인으로 사용하지 않고 있다. 무거운 것은 참고 쓸 수 있지만, 안정성은 포기할 수가 없었다. 마크다운 문서 편집 용도로만 쓰고, 코딩 작업에는 Sublime Text를 사용하고 있다.

개인적으로 기능만 봤을 때, Sublime Text를 앞서는 것 같다. 앞으로 안정성만 좋아진다면 메인으로 사용하고 싶은 에디터이다.

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

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

Sublime Diagram Plugin

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

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

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

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

Git Plugin

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

SublimeGit

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

커맨드 팔레트에서 주로 다음 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 기능이 더 좋았었다.

GhostText

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

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

GhostText

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

플러그인 페이지

InsertDate

2016-06-22와 같이 원하는 형식의 날짜를 단축키로 입력할 수 있게 하는 플러그인이다. 메모하다가 오늘 날짜를 입력해야할 때 유용하다.

InsertDate

단축키는 CTRL + F5, D

SublimeLinter

프로젝트에서 사용하는 언어에 따라 linter를 세팅하고 시작하는 것이 좋다.

coffeelint
eslint
jshint
pylint
shellcheck

기타 사용중인 플러그인

Dockerfile Syntax Highlighting

Dockerfile 문법 강조

플러그인 페이지

Autotools

Autotools 문법 하이라이트

플러그인 페이지

Babel

JSX를 포함한 ES6 문법 하이라이트

플러그인 페이지

BracketHighlighter

괄호안에 있을 때, 좌측에 표시해 준다.

플러그인 페이지

RPM Spec Syntax

rpm.spec 파일에 관한 문법 강조를 지원한다.

플러그인 페이지

sublime-project-specific-syntax

프로젝트에 따라 문법을 다르게 설정할 수 있다.

플러그인 페이지

sublime_diagram_plugin (PlantUML)

Plantuml을 이미지로 만들어준다. 내부에서 Java와 Graphviz를 사용한다.

플러그인 페이지

Terminal

현재 파일 또는 프로젝트 폴더를 터미널로 열어준다.

플러그인 페이지

Stylus

Stylus 문법 강조를 지원한다.

플러그인 페이지

Siteleaf Liquid Syntax

Liquid 문법 강조를 지원한다.

플러그인 페이지

SideBarEnhancements

사이드바 기능을 강화한다. 특히 우클릭을 통해 다양한 기능을 사용할 수 있다.

플러그인 페이지

React ES6 Snippets

React로 개발할 때 아주 유용한 Snippet을 제공한다. (cdm, cdup, …)

플러그인 페이지

R-Box

R 파일 작업할 때, 자동완성, 메뉴, 팝업 힌트를 제공.

플러그인 페이지

PHP Code Coverage

에디터에서 코드 커버리지 데이터를 표시한다. 테스트가 된 코드는 녹색으로 나온다.

플러그인 페이지

Phpcs

PHP CodeSniffer, PHP Code Beautifier and Fixer, PHP Coding Standards Fixer, the PHP Linter, PHP Mess Detector, Scheck

플러그인 페이지

PhpDoc

문서화 주석을 빠르게 작성할 수 있다. /**로 시작하면 자동 완성됨.

플러그인 페이지

NSIS

Nullsoft Scriptable Install System 문법 강조

플러그인 페이지

Lua​Autocomplete

Lua 자동완성

플러그인 페이지

Jekyll

Jekyll과 통합

플러그인 페이지

INI

INI 문법 강조

플러그인 페이지

Find++

현재 폴더, 프로젝트에서 검색할 수 있다.

플러그인 페이지

DocBlockr

문서화를 위한 주석을 쉽게 작성할 수 있다.

플러그인 페이지

C++11

C++11 문법 정의

플러그인 페이지

C++ Snippets

C++에서 유용한 스니펫이 추가됨.

플러그인 페이지

Lint 플러그인

  • SublimeLinter : 기본 linting 프레임웍
  • SublimeLinter-contrib-eslint : ECMAScript/JavaScript
  • SublimeLinter-contrib-htmlhint : HTML
  • SublimeLinter-cpplint : C++
  • SublimeLinter-jshint : Javascript
  • SublimeLinter-json : json
  • SublimeLinter-pep8 : Python(PEP8)
  • SublimeLinter-php : php-l 옵션을 사용
  • SublimeLinter-phplint : phplint를 사용
  • SublimeLinter-pylint : Python(pylint)
  • SublimeLinter-shellchek : 쉘 스크립트

삭제한 플러그인

이번 장은 플러그인 너무 많아서 지금은 쓸 일 없는 것들을 지우면서 기록한 내용이다.

View In Browser

현재 서브라임탭에 있는 것을 브라우저로 보여준다.

플러그인 페이지

TypescriptCompletion

Typescript 자동완성.

플러그인 페이지

VBScript

VBScript 문법 강조, 스니펫

플러그인 페이지

Select By Regex

정규식으로 영역을 선택할 수 있다.

플러그인 페이지

Repeat Macro

반복적인 작업을 할 때 사용한다.

플러그인 페이지

SublimeServer

Markdown, HTML 파일을 서비스할 수 있는 서버를 띄운다.

플러그인 페이지

설명

플러그인 페이지

React​JS

Babel 플러그인에서 제공해서 필요 없다.

플러그인 페이지

React Templates

React Templates 문법 강조. Babel 플러그인에서 제공해서 필요 없다.

플러그인 페이지

Move Tab

커맨드 팔레트 명령을 통해 탭이 이동한다.

플러그인 페이지

Markdown Extended

TOP 100. 마크다운 문법 강조. 언어에 따라 강조.

플러그인 페이지

Indent​Tips

인덴트와 코드의 위치를 상태바에 보여준다. JS와 PHP는 안된다. 어떤 언어에서 동작하는지 모르겠다.

플러그인 페이지

HTML5

HTML5 번들. HTML5 문법 모드와 스니펫.

플러그인 페이지

Flow

Flow로 자바스크립트 정적 분석을 한다.

플러그인 페이지

Download Source

특정 URL의 데이터를 새로운 또는 이미 존재하는 버퍼로 가져온다.

플러그인 페이지

Dockerfile Syntax Highlighting

Dockerfile 문법 강조

플러그인 페이지

Color Highlighter

색상을 미리보고, 선택할 수 있다.

플러그인 페이지

Markup Jira confluence(SublimeConfluence)

Atlassian Confluence와 통합된 플러그인.

플러그인 페이지

Browser Integration

브라우저와 서브라임을 통합하는 플러그인이다. 우선 서브라임에서 브라우저를 실행하고, 서브라임에서 브라우저로 커맨드를 날릴 수 있다. reload, 스타일시트 보기, 특정 코드 실행하기 등이 가능하지만, 아직 개발중이라고 한다.

플러그인 페이지

All Autocomplete

현재 창에 열린 모든 파일에 있는 내용과 일치할 때 자동완성 키워드를 보여주는 플러그인이다. 느려질 수 있어서 주의가 필요하다.

플러그인 페이지

ApplySyntax

파일 구문을 감지하고, 적용할 수 있는 플러그인이다. 예를들면, .rb 파일은 일반적으로 Ruby 파일이지만 Rails 프로젝트에서의 Rspec, Cucumber 파일, Ruby on Rails(컨트롤러, 모델) 파일을 구분할 수 있다.

플러그인 페이지

Better Coffee Script

신택스 하이라이트, 체크, 커맨드, 단축키, watch 기능 등을 제공한다.

플러그인 페이지

CJSX Syntax

Coffee Script JSX 문법을 지원하는 플러그인이다. ES6로 바꾼 이후는 쓸 필요없었다.

플러그인 페이지

Grunt

Grunt와 통합하는 플러그인이다. Gulp로 바꾸고 나서 쓰지 않는다.

플러그인 페이지

ChangeQuotes

’ 또는 “에 커서를 놓고, 이 플러그인 커맨드를 실행하면 ‘ -> “, 아니면 그 반대로 바꿔주는데, 잘 사용하지 않아서 지웠다.

https://packagecontrol.io/packages/ChangeQuotes

ColorHelper

CSS 작업할 때, 컬러코드를 인식해서 색상을 보여주고, 선택할 수 있는 툴팁을 제공한다. 인라인으로 색상을 보여주는 부분때문에, 확실히 느려진다.

https://packagecontrol.io/packages/ColorHelper

Emmet

Emmet의 공식 플러그인이다. Emmet은 예전에 Zen Coding으로 불렸고, html 작업을 할 때, CSS 스타일로 입력해서 html을 만들어 준다. 편리하지만 html 작업을 많이 하지 않고, 그 마저도 React로 하므로 필요 없어졌다.

https://packagecontrol.io/packages/Emmet

Evernote

Evernote를 서브라임에서 쓸 수 있는 플러그인이다.

https://packagecontrol.io/packages/Evernote

Google Search

서브라임에서 선택한 키워드를 구글에서 검색하는 플러그인이다.

https://packagecontrol.io/packages/Google%20Search

npm

npm을 통합한 플러그인이다. 쉘로 하는게 더 편하다.

https://packagecontrol.io/packages/npm

yUML

yUML을 서브라임에서 만들어 주는 플러그인이다. plantuml을 사용해서 지웠다.

https://packagecontrol.io/packages/yUML

SublimeGit

Git 통합 플러그인이다. 쉘에서 Git 작업을 하면서 지웠다.

https://packagecontrol.io/packages/SublimeGit

GitSavvy

SublimeGit과 유사한 플러그인이다.

https://packagecontrol.io/packages/GitSavvy

HTMLBeautify

HTML을 보기 좋게 만드는 도구다. 가끔씩 필요해서 같은 기능을 하는 사이트를 이용하면서 지웠다.

https://packagecontrol.io/packages/HTMLBeautify

Live​Reload

LiveReload 서버가 서브라임텍스트에서 실행되고, 파일을 저장할 때, 이 서버와 통신할 수 있다.

https://packagecontrol.io/packages/LiveReload

SqlBeautifier

SQL을 사람한테 보기 좋게 만드는 플러그인이다.

https://packagecontrol.io/packages/SqlBeautifier

Text Pastry

반복적인 작업을 쉽게 할 수 있게 돕는 플러그인이다.

https://packagecontrol.io/packages/Text%20Pastry

Pretty JSON

JSON을 보기 좋게 만들어주고, 유효성을 체크할 수 있고, 압축할 수도 있다.

https://packagecontrol.io/packages/Pretty%20JSON

InsertDate

포맷에 맞춰서 현재 날짜와 시간을 출력하는 플러그인이다.

https://packagecontrol.io/packages/InsertDate

SVN

SVN 통합 플러그인.

https://packagecontrol.io/packages/SVN

ShellCommand

쉘 명령을 서브라임내에서 실행하고, 그 결과를 탭에서 보여주는 플러그인이다.

https://packagecontrol.io/packages/ShellCommand

Shell Turtlestein

ShellCommand와 유사한 플러그인이다. 다른점은 결과가 서브라임 콘솔에 출력된다.

https://packagecontrol.io/packages/Shell%20Turtlestein

Tabs​Extra

탭에 추가 기능을 주는 플러그인이다. sticky 탭을 만들고, 탭 정렬, 삭제, 이름 변경 등을 할 수 있다.

https://packagecontrol.io/packages/TabsExtra

Scheme

Scheme이라는 언어를 지원하는 플러그인인데, 언제, 왜 설치했는지 모르겠다.

https://github.com/egrachev/sublime-scheme

PyV8

Emmet 플러그인 설치할 때 자동으로 설치되는 플러그인이다.

https://github.com/emmetio/pyv8-binaries

Java​Script & Node​JS Snippets

Console, DOM, Loop 등을 쉽게 작성할 수 있는 Snippet이다. cl은 console.log, al은 alert, …

https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets

Handlebars

Handlebars.js 템플릿을 지원하는 플러그인이다.

https://packagecontrol.io/packages/Handlebars

Jade

Jade 템플릿을 지원하는 플러그인이다.

https://packagecontrol.io/packages/Jade

Liquid

Liquid 템플릿을 지원하는 플러그인이다.

https://packagecontrol.io/packages/Liquid

Less

Less Syntax Highlight를 지원하는 플러그인이다.

https://packagecontrol.io/packages/LESS

SublimeCodeIntel

Open Komodo Editor에서 포팅된 플러그인으로, 다양한 언어를 지원한다. 심볼이 정의된 파일로 이동하고, 사용가능한 모듈을 자동완성할 수 있다.

https://packagecontrol.io/packages/SublimeCodeIntel

Swift

Swift 언어를 지원하는 플러그인이다. XCode에서 작업해서 필요없다.

https://packagecontrol.io/packages/Swift

Sublime​REPL

서브라임 탭에서 PHP, Python, Ruby, R, Node.js 등 다야한 언어의 인터프리터를 실행하는 플러그인이다.

https://packagecontrol.io/packages/SublimeREPL

Vue Syntax Highlight

Vue 템플릿을 지원하는 플러그인이다.

https://packagecontrol.io/packages/Vue%20Syntax%20Highlight

TypeScript

TypeScript 문법, Snippet을 지원하는 플러그인이다. 백그라운드로 Node 프로세스가 실행된다.

https://packagecontrol.io/packages/TypeScript

LogView

로그 파일을 볼 때 로그 단계에 따라서 심각하면 빨강 덜 심각하면 노랑으로 표시하는 플러그인이다.

https://packagecontrol.io/packages/LogView

SublimeLinter-coffeelint

Coffee Script 문법을 체크하는 Linter인데, ES6로 바꾼 후 사용하지 않는다.

https://packagecontrol.io/packages/SublimeLinter-coffeelint

JSX

JSX 언어 정의.

플러그인 페이지

DB1

PostgreSQL, MySQL, SQLite, MariaDB 같은 디비에서 쿼리를 실행하는 플러그인.

플러그인 페이지

DotENV

.env 파일에 대한 문법 강조

플러그인 페이지

Theme