Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sublime text useful settings and shortcut keys
ctrl + r - to find css classes/IDs easily in a css file
ctrl + j - to align multiple lines into single line . mainly useful for single line css
ctrl + L - Select a line.
ctrl + D - Select a word/ duplicate a word or line(s)
ctrl + P - find any file on your project folder in fraction of second
ctrl + space - autocomplete for codes respectively
ctrl + / - comment purpose
ctrl + F - for normal search
ctrl + shift + F - Advanced search
ctrl + shift + G - wrap a text or codes
Alt + shift + W - also wraps text or codes
crtl + shift + a -Selecting Everything Inside an HTML Tag
ctrl + shift + k - Deleting Lines
ctrl+shift+up/down - while arrange html tags it will be useful
{
"font_size": 14,
"tab_size": 2,
"word_wrap": true
}
wrap and highlight matches in search
//create own custom snippet
<snippet>
<content><![CDATA[
console.log("text",object);
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>console</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>
save as console.sublime-snippet
//create row snippet
<snippet>
<content><![CDATA[
<div class="row">
<div class="col-sm-12">
</div>
</div>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>row</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>
save as row.sublime-snippet in packages -> user
//container snippet
<snippet>
<content><![CDATA[
<div class="container">
<div class="row">
<div class="col-sm-12">
</div>
</div>
</div>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>container</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>
save as container.sublime-snippet in packages -> user
package control install
https://packagecontrol.io/installation
sass plugin
https://packagecontrol.io/packages/Sass
emmet
https://packagecontrol.io/packages/Emmet
Git
https://packagecontrol.io/packages/Git
bootstrap snippets
https://github.com/JasonMortonNZ/bs3-sublime-plugin
jshint
https://packagecontrol.io/packages/JSHint
htmlbeautify
https://packagecontrol.io/packages/HTMLBeautify
html css js pretify
https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify
code formatter for html,css,php,js,scss
https://packagecontrol.io/packages/CodeFormatter
cssComb
https://packagecontrol.io/packages/CSScomb
https://github.com/dempfi/ayu
Atom theme
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.