Setup Sublime Text Editor

setup_sublime.md

How to install package control for Sublime Text 3, and recommend plugins.

OS: Mac

Package Control installation

1. Open console panelvia ctrl+` or View -> Show Console from menu
2. Paste below Python code (Sublime Text 3)

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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)

Install plugin

Press Command+Shift+P open command panel
Input install to find Install Package item then enter, filter needed plugin by enter its name

---

Vim Mode

1. Press Command + Shift + P
2. Input settings user to find item Preferences: Settings - User, then press enter. Or simple press Command + ,; Update its content by adding below codes:
   """
   {
   "ignored_packages" : []
   }
   """

---

Distraction Free Mode

Command + Ctrl + Shift + F or View -> Enter Distraction Free Mode

Recommend Plugins

Emmet

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow

• doc
• GitHub

SidebarEnhancements

This plugin provides a great deal more choices when right clicking on a file in the sidebar. The ability to open, find, copy and paste, and more are all provided.

DocBlockr

DocBlockr is a package for Sublime Text 2 & 3 which makes writing documentation a breeze.
Just type in /** above your function and press tab. Watch the magic as DocBlockr takes the function name and variables and creates your doc block.

JsHint

JSHint, is a tool that helps to detect errors and potential problems in your JavaScript code.

JsMinifier

JsMinifier - Sublime Text plugin for javascript minification using Google Closure compiler.

JSFormat

JsFormat is a javascript formatting plugin for Sublime Text 2. It uses the command-line/python-module javascript formatter from http://jsbeautifier.org/ to format whole js or json files, or the selected portion(s).

SublimeLinter

A framework for interactive code linting in the Sublime Text 3 editor.

Sublime Alignment

Dead-simple alignment of multi-line selections and multiple selections for Sublime Text 2.

AlignTab

An alignment plugin for Sublime Text 2/3 -- ST version of the excellent VIM plugin, tabular.

Git

Git helps you interact with your Git repo. It has support for all sorts of things like init, push, pull, branch, stash, and more.

SublimeGit

Full-featured Git integration for Sublime Text 2 and 3.

€ 10 / User

GitGutter

This is a small, but useful plugin that will tell you what lines have changed since your last Git commit. An indicator will show in the gutter next to the line numbers.

Gist

This plugin allows you to pull your Gists and insert them into your file. This is helpful when you have a Gist to start an HTML file or any other reusable code you have.
To Use: Open up the command palette and type gist. You can also use the shortcuts that are shown.

ColorPicker

Have the ability to change colors with a colorpicker on the fly.

EncodingHelper

GBK Encoding Support

YUI Compressor

Prefixr

view-in-browser

View In Browser is a Sublime Text plugin that will open whatever is in your current view/tab.

Search Stackoverflow

A plugin to search on Stack Overflow.

DevDocs

This is a Sublime Text plugin allowing you to easily search the DevDocs documentation.
The plugin code is based on the Stackoverflow Plugin script by Eric Martel.

Modific

Highlight lines changed since the last commit (supports Git, SVN, Bazaar, Mercurial and TFS) / ST2(3) plugin