Sublime text transformation plan


Why choose sublime text

IntelliJ idea, which has been used for many years before, is a heavyweight ide with powerful functions and high efficiency. It is very comfortable to use.

The disadvantage is that the startup speed is too slow and there is no beautiful skin theme.

There is a big difference between the front end and the back end. I don’t want to use such heavy tools to make a small project, so I aim at the editor.

During the Spring Festival, I tried a lot of editors, including atom of GitHub family and sublime text. After trial and verification, because of performance considerations, I finally chose sublime text. After all, charged products are relatively free and have more advantages.

As described on its official website:

Sublime Text is a sophisticated text editor for code, markup and prose.
You’ll love the slick user interface, extraordinary features and amazing performance.

Why reform

The default setting of sublime text can meet the general development needs. However, how can people who have used ide tolerate such inefficient development? I want to transplant the functions that improve the efficiency of IDE.

The default skin is not cool enough. How can it not be forced?

How to reform

Adjust the theme

The first step is to transform the editor.

I like the simple and generous design style, so I choose itSpacegray

Sublime text transformation plan

Install extensions


  • Alignment

    Easy alignment of multiple selections and multi-line selections

  • HTML-CSS-JS Prettify
    HTML, CSS, JavaScript and JSON code formatter for Sublime Text 2 and 3 via node.js

Efficiency related

  • AutoFileName
    autocompletes filenames

  • Color Highlighter
    ColorHighlighter – is a plugin for the Sublime text 2 and 3, which underlays selected hexadecimal colorcodes (like “#FFFFFF”, “rgb(255,255,255)”, “white”, etc.) with their real color. Also, plugin adds color picker to easily modify colors.

  • Emmet
    Emmet (ex-Zen Coding) for Sublime Text

  • ExpandRegion
    Like “Expand Selection to Scope”. But better!

  • MacTerminal
    Open terminal/iterm 2 on current file folder (new tab and ST2/ST3 support)

  • Local History
    A Sublime Text 2/3 plugin for maintaining local history of files.

Technology stack related

  • Better CoffeeScript
    Syntax highlighting and checking, commands, shortcuts, snippets, watched compilation and more.

  • SCSS
    The TextMate SCSS Official Bundle.

  • PHP-Twig
    A TextMate (and Sublime Text) bundle for Twig.


  • SublimeLinter coffee-script html ..etc

  • JavaScriptNext

Shortcut key replacement

Based on IntelliJ, we redefine the shortcut keys of common functions

  • HTML elements expand selection narrow selection
    alt+up alt+down

  • Open terminal terminal in the current file and project location

  1. shift t

  • External package specific label warp

  1. win t

  • Code format shift win L


How to kill a chicken with a bull’s knife? Sharpening the knife will not miss the firewood cutter.