Sublime Text Editor Package Controls and Snippets

Today we will discuss about sublime text editor package controls and snippets. Sublime Text Editor is a C++ and Phython application written by Jon Skinner. First we need to think why we are using sublime text editor . There are several reasons for choosing sublime text editor over other text editors.

Goto tools->new Snippet
It wil provide you some default code like this one

<snippet>
		<content>
		<![CDATA[
		Hello, ${1:this} is a ${2:snippet}.
		]]>
		</content>
			<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
			<!-- <tabTrigger>hello</tabTrigger> -->
			<!-- Optional: Set a scope to limit where the snippet will trigger -->
			<!-- <scope>source.css</scope> -->
	</snippet>

You just need to add your content inside

<content></content>

You need to setup a keyword by which you can use this snippet

<tabtrigger>xyzzz</tabtrigger>

Here is a demo for creating a snippet :-

You need to save this snippet as an extension .sublime-snippet otherwise it will not work

here is code generated by snippet in file

You Need to follow steps :-

• • Go to https://packagecontrol.io/installation & copy the command there.You can also browse various package controls over there
  • Open the Sublime Text Editor console by pressing Ctrl + `.
  • Paste the command you copied into the Sublime Text console.

• Press Enter.
• After Package Control installs, restart Sublime Text Editor.

After Restarting sublime Text Editor You need execute these steps :-

• Press Command-Shift-P (Mac OS X) or Ctrl-Shift-P (Windows) to open the Command Palette.
• Start typing Package Control until you see the appropriate commands.

Now Start using package controlls by installing them
Here is an example of insatalling package control

Press Command-Shift-P (Mac OS X) or Ctrl-Shift-P (Windows) to open the Command Palette.
Start typing Package Control until you see the appropriate install command
type css format and press enter
CSS Format comes with different Options like
Example:

body {
    background: #fff;
    font: 12px Arial, Helvetica, sans-serif;
}
ol, ul, li {
    margin: 0;
    padding: 0;
}
a {
    color: rgba(65, 131, 196, 0.8);
}

body {
    background: #fff;
    font: 12px Arial, Helvetica, sans-serif;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
}

a {
    color: rgba(65, 131, 196, 0.8);
}

body { background: #fff; font: 12px Arial, Helvetica, sans-serif; }
ol, ul, li { margin: 0; padding: 0; }
a { color: rgba(65, 131, 196, 0.8); }

body{background:#fff;font:12px Arial,Helvetica,sans-serif;}
ol,ul,li{margin:0;padding:0;}
a{color:rgba(65,131,196,0.8);}

body { background: #fff; font: 12px Arial, Helvetica, sans-serif; }
ol,
ul,
li { margin: 0; padding: 0; }
a { color: rgba(65, 131, 196, 0.8); }

body{background:#fff;font:12px Arial,Helvetica,sans-serif}ol,ul,li{margin:0;padding:0}a{color:rgba(65,131,196,0.8)}

There are around 2500 packages available for sublime text editor
Other Trending Text Editor are Atom By Github and Brackets By Adobe.

Atom is an open source application developed in Node.js, C++, CofeeScript and Less .

• Free and open source on all platforms
• Integration with Git and GitHub
• A good selection of themes and plugins with a built-in package manager
• Attractive interface

Brackets :- It’s been specifically created for web developers and is written in HTML, CSS and JavaScript using CodeMirror in a Node.js container.

• Free and open source on all platforms
• Good language and linting support especially for web development
• Live browser preview and updates without a server (requires Chrome)
• Inline CSS editing
• Multiple selection editing, auto-complete and color picker
• Attractive interface