n8io
n8io

I'm not lazy. I'm efficient.

Nate Clark
Author

Share


Tags


Twitter


n8io

Sublime Text Plugins for Front End Developers

Nate ClarkNate Clark

You should always be looking for more efficient ways of doing your day to day activities. Your IDE, specifically Sublime Text, is where you spend most of your day. So makes sense to reduce redundant keystrokes, file browsing, and toggling your focus back and forth between ST and other apps. Here are a handful of efficiency enhancements that I use everyday.

Given

Table of Contents

Sytax Highlighters

Stylus

Syntax highlighting for stylus CSS preprocessor. (more info)

Jade

Syntax highlighting for jade HTML preprocessor. (more info)

Color Highlighter

A plugin for the Sublime text which underlays selected hexadecimal colorcodes (like "#FFFFFF", "rgb(255,255,255)", "white", etc.) with their real color. (more info)

User settings:

{
    "ha_style": "outline",
    "highlight_all": true
}

JSCS-Formatter

Sublime Text 3 Plugin to Autoformat with JSCS. (more info)

* Requires you put a .jscsrc file in your $HOME directory.

User settings

{
  "format_on_save": true
}

SublimeLinter

A plugin for Sublime Text 3 that provides a framework for linting code. Whatever language you code in, SublimeLinter can help you write cleaner, better, more bug-free code. SublimeLinter has been designed to provide maximum flexibility and usability for users and maximum simplicity for linter authors. (more info)

Linters

SublimeLinter-jscs

This linter plugin for SublimeLinter provides an interface to jscs. It will be used with files that have the "Javascript", "JavaScript Next", "JavaScript (JSX)" or "JavaScript (Babel)" syntax. Sample config .jscsrc (more info)

SublimeLinter-jscs

SublimeLinter-jshint

SublimeLinter plugin for JavaScript, using jshint. Sample config .jshintrc (more info)

SublimeLinter-contrib-stylint

This linter plugin for SublimeLinter provides an interface to stylint. It will be used with files that have the "stylus" syntax. Sample config .stylintrc (more info)

SublimeLinter-contrib-stylint

Cobalt2 UI

SublimeText support for filetype icons & much more. (more info)

Colorsublime

Make Your Sublime Text More Awesome. Live UI themeing that lets you search and preview more than 100k different user submitted themes in realtime. If you can't find a scheme you like here, you're a pompous ass. (more info)

SideBarEnhancements

Enhancements to Sublime Text sidebar. Files and folders. (more info)

Modific

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


That's it. If you have suggestions or have came across better implementations, please leave a comment below. Enjoy!

Nate Clark
Author

Nate Clark

Comments