Introducing Sublime Text 3 tips and some goodies which always help me to write code in very comfortable workspace.

It will skip searching files from folders from the following array (works for CMD+t as well)

"folder_exclude_patterns": [
  ".git",
  "node_modules",
  "bower_components",
  "dest",
  "build",
  "docs"
]

Note the "file_exclude_patterns" is also available.

Keep it clean!

"trim_trailing_white_space_on_save": true

Gives a screen sized extra scrollable area which is kinda cool

"scroll_past_end": true

===

For writting console.log() with con + TAB.

Open up your Sublime Text 3 > Tools > New Snippet. Put this code there and save the file in the given directory by default:

<snippet>
    <content><![CDATA[console.log($1)$0]]></content>
    <tabTrigger>con</tabTrigger>
    <tabTrigger>log</tabTrigger>
    <scope>text.html,source.js</scope>
    <description>console.log()</description>
</snippet>

Continue adding by your own.

Powerline offers several beautiful fonts for free. My favorite is Droid Sans Mono. Hack is also specially developer for source code.

"font_face": "Droid Sans Mono for Powerline"

"line_padding_bottom": 2,
"line_padding_top": 2

Open Preferences -> Key Bindings-User and paste this snippet (or you can change key formula):

[
    { "keys": ["ctrl+shift+k"], "command": "reveal_in_side_bar" }
]

I've created a list of plugins, which I use frequently. I had created the repository Custom-Sublime-Look earlier, but now I'm gonna put it updated right here:

Syntax highlighs:

• HTML5
• CSS3
• Less
• Jade
• SASS
• SCSS
• Babel Sublime - ES6 Syntax highlight

Must have tools:

• HTML-CSS-JS Prettify
• Emmet
• SideBarEnhancements

Another great tools you can have:

• SublimeLinter
• StandardJS for SublimeLinter
• GitGutter
• Alignment
• AutoPrefixer
• ColorPicker
• Markdown Preview