Sublime text essential plugins and settings

Essential plugins

1.  Emmet
2. Space gray
3. WordHighlight
4. SortTabs
5. DocBlockr
6. Alignment
7. All Autocomplete
8. A File Icon

 

Add keyboard shortcut for SortTabs 

-> Preference > Key Bindings

[
	{ "keys": ["f5"], "command": "sort_tabs_menu" },
]

 

Essential Settings

1.  Preference > Settings

{
	"color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme",
	"font_size": 14,
	"ignored_packages":
	[
		"Vintage"
	],
	"theme": "Spacegray Eighties.sublime-theme",
	"word_separators": "./\\()\"'-:,.;<>~!@#%^&*|+=[]{}`~?",
	"word_wrap": "true",
	"tab_size": 4,
}

 

Additional key Bindings

[
	{ "keys": ["f5"], "command": "sort_tabs_menu" },
	{ "keys": ["ctrl+alt+home"], "command": "select_lines", "args": {"forward": false} },
	{ "keys": ["ctrl+alt+end"], "command": "select_lines", "args": {"forward": true} },
]

 

Sublime text 3 increase sidebar font size and and row height

Go to preference->Browse Packages->User(Directory)

Create a file name Spacegray Eighties.sublime-theme for Spacegray theme and paste below code.

[
	{
		"class": "sidebar_tree",
		"row_padding": [5, 8],
	},
	{
		"class": "sidebar_label",
		// "color": [0, 0, 0],
		"font.bold": false,
		// , "shadow_color": [250, 250, 250], "shadow_offset": [0, 0]
		"font.size": 13
	},
	{
        "class": "tabset_control",

        "layer0.opacity": 1.0,
        "tint_index": 0,

        // "layer1.texture": "Theme - Default/tabset_background_transparent.png",
        "layer1.inner_margin": [2, 6],
        // "layer1.opacity": 1.0,

        "content_margin": [3, 0, 3, 1],
        "tab_overlap": 5,
        "tab_width": 180,
        "tab_min_width": 48,
        "tab_height": 45,
        "mouse_wheel_switch": false
    },
    /** Tab Labels **/
    {
        "class": "tab_label",
        // "fg": [0, 0, 0, 255],
        // "shadow_color": [255, 255, 255, 80],
        // "shadow_offset": [0, 1]
        "font.size": 13
    },
    /** Selected Tabs **/
    {
        "class": "tab_control", "attributes": ["selected"],
        "fg": [0, 0, 0, 255],
        "shadow_color": [255, 255, 255, 80],
        "shadow_offset": [0, 1]
    }
]

For more option fo to reference site: https://gist.github.com/anonymous/89867e9cb63f7e811a39

 

Alignment

Alignment makes your code align with delimiter like = and :. It makes your code more readable. To use, first you need to add delimiter in the setting by which you want to align. For that, Go through Preferences > Package Settings > Alignment > Settings - User menu in Sublime Text and paste bellow lines. You can also add more signs for alignment.

{
    "alignment_chars": [
        "=", ":"
    ]
}

 

Download Sublime text 3 protable with package ready

Download Sublime text 3 Portable