SublimeText Getting Started

2015-11-14 | Thomas Yeun

Today we try to explain the process of installing the SublimeText a text editor and use the Package control apply the theme. SublimeText is easier than emacs and vim, free of foresight is a program that favorite designer of sports cars, so pretty. Compared to the other text editor. As well as, if not necessarily in the sports car designers encounter the code is the first program I think is necessary SublimeText. However, installing this program is by using a theme or swiwodo Package control, applying a somewhat strange egen Syntax highlighting allows designers to enroll in the code. If such designers, albeit a little help, I think.

SublimeText Installation

SublimeText 3 Beta Installation Page To access and download the installation file for your OS. The latest official version is 2.0.2, but many extensions SublimeText 3 Beta enough reliable and, above all, including the Material Theme It is recommended that you install are under the Beta version because it supports only SublimeText 3.
Run the downloaded file to install. If the program is open as shown below normal installation is now complete.

Package Control Installation

Extensions or themes in SublimeText are easy to install, Package Control installation such as Syntax highlighting add or remove are similar concept with the Extension Manager from Adobe.

Connect to Package Control Installation.
Inside SUBLIME TEXT 3 copy the code from Package Control Website, the actual code may be different than the image below.
Inside SublimeText press Ctrl + ` or go to View>Show Console, paste the copies of contents and hit enter.
An alert will appear after the installation are completed.
Restart the SublimeText.
Go to Preferences > Package Control, after the installation are successful.

Material Theme Apply

Connect to Material Theme Website.
Press the INSTALL NOW button.
You will see the below information when you scroll down.

Easy installation

You can install this awesome theme through the Package Control. Search for “Material Theme”, install, restart SublimeText and enjoy!
After restart, go to Preferences>Pakage Control open the Panel.
Select Package Control: Install Package. Shortly after that it has no choice but to look at what changes at the bottom of the SublimeText at the bottom of the bar [= ] back bar so you can see what are loaded.
Inside the panel of the package list, choose Material Theme and see what are already install.
Once a theme is installed, the following message appears in the editor window. The theme is now the state does not apply, but the installation. Let’s continue to apply the theme.
A message will appear the below information.

If installing manually (not through Package Control), add the following to your Settings - User file and restart Sublime Text after:
"theme": "Material-Theme.sublime-theme",
 "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",

The document says, follow the above information, but only if you installed it manually, so this also applies installed using the Package Control does not automatically apply to manually. Copy the code within the bracket.

"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",

Go to Preferences in the menu, open the setting windows Settings - User.
Copy the two line of the extra code and paste it after line 8, dont even paste the code inside {}. Save it by pressing Ctrl + s.

Before,

"ignored_packages":
["Vintage"]

After,

"ignored_packages":
["Vintage"],
"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"

After change of the code by pressing Ctrl + s to save it, it will automatically applied the theme. Reboot in order to use all the SublimeText once installation is complete.

Material Theme Adjusting The Color Change Style

Material Theme WebsiteAs you can see from the Material Theme, it has three version, Default, Lighter, and Darker. Just like the characters and the themes change every line in the Lighter versions installed size, let’s fix it.

Connect to Material Theme Installation Page.
Scroll down inside Theme styles and copy the code below.

"theme": "Material-Theme-Lighter.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme",

Go to Preferences and choose Settings - User.
Replace the code for Material Theme.

Original code of Material Theme

"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",

Code for Material Theme Lighter

"theme": "Material-Theme-Lighter.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Lighter.tmTheme",

Comparing the two code Lighter theme can be seen that the addition of a named Lighter in the default theme code.

Pressing Ctrl + s to save it, Material Theme Lighter will appear like the image below.
Let try to adjust the text style. Connect to Material Theme Installation Page, look for the area Recommended UI and font settings for a better experience: .
Copy the code and paste in Preferences.sublime-settings the document you opened above.

"overlay_scroll_bars": "enabled",
"line_padding_top": 3,
"line_padding_bottom": 3,
"always_show_minimap_viewport": true,
"bold_folder_labels": true,
"indent_guide_options": [ "draw_normal", "draw_active" ], // Highlight active indent
"font_options": [ "gray_antialias" ], // On retina Mac

Similar by pressing Ctrl + s, will change the style of the theme.
Change the font type "font_options": [ "gray_antialias" ].
Adjust the font size "font_size" and "line_padding_top", "line_padding_bottom".
Save the settings and restart the SublimeText.

Did you read well? Designers who are expected to continue to increase posted in the relevant subjects to be enrolled in the code a little easier. See you then have to find a basic SublimeText use. Thanks for reading.