Last Updated:

Sublime text 4. Detailed Introduction

The editor is incredibly fast, which makes the work more enjoyable and easier. The editor has a huge number of advantages:

  1. Auto-blasts.
  2. Syntax highlighting.
  3. Customizable interface.
  4. It works smartly.
  5. An infinite number of plugins.
  6. Macros.
  7. Recognizes file types.
  8. Easy to link to git system and more

Now let's start installing the editor

Installing the Editor

You can install this editor from the official website at the link - http://www.sublimetext.com/

  Installation sublime text 4

 

Sublime Text 3 is quietly supported on:

  • linux
  • MacOs
  • Windows

Windows. Installation

Installation is the most common and simple. On the main screen, click on the download button, but if you do not have windows, then follow the changelog link and select your operating system and see the instructions below.

Then choose the path where you are going to download the installer. Then go to the installer, and choose the place where the program will be installed. The whole process will take about 5-10 minutes.

installation sublime

Linux. Installation

Installing the editor on linux distributions will not be so easy, so just follow the instructions below.

  1. You must use the command line to install the sublime text 3 editor packages. To install, enter the following command: sudo add-apt-repository ppa:webupd8team/Sublime-Text-3
  2. After that, you need to update the packages that are already installed. This is also done using the command: sudo apt-get update
  3. Well, the last step, now you need to install the Sublime Text 3 repository. Command: sudo apt-get install Sublime-Text

Done, if all the steps are performed correctly, you will be able to see Sublime-Text in the list of programs.

OS X. Installation

Now, as for the installation on the Mac.

  1. Download the file with the .dmg extension.
  2. Open it and transfer it to the "applications" folder.
  3. Run the program.

As you can see, there is nothing complicated in the installation. Well, now that Sublime is installed, you need to configure it.

Customizing the Editor

When opening a sublime, different people will have different emotions, because as they say "there is no friend in taste and color", the same here. But the editor can be perfectly adjusted for himself, and we will do this.

To begin with, you can choose a more comfortable topic for you. This is done through Preferences – Color Scheme. But the whole configuration process doesn't end there.

You can configure Sublime Text 3 in more detail by going to the Preferences settings section . Now there are much more opportunities. And so, the left window with a ton of text does not need to be touched, these are the default settings, but the right window is needed for customization.

Code Interface on sublime

Customization can be carried out by adding your own settings. Here are the settings you can apply:

  • color_scheme is the theme of sublime text 3. By the way, you can choose default, or you can upload your own, this is done by adding the theme to the Folder Packages/Color Scheme - Default/.
  • font_face is the font of the text. You can install any font you have on your operating system. Available fonts can be viewed in the fonts folder, you can find it by searching in the start menu, or look at them through any text editor.
  • font_size is the font size. The size can be set as an integer or fractional.
  • font_options — These are the text style settings. You can put "no_light" or "no_bold".
  • word_separators – Helps separate words.
  • line_numbers — The most common numbering of lines of code. You can customize.
  • gutter — Use this setting to choose whether to hide the bar with line numbers and bookmarks.
  • margin — You can move away from the numbering panel using this command.
  • fold_buttons — You can hover over the groove and see triangular arrows that you can use to hide or show the code between curly braces. So, here they can be turned on or off.
  • fade_fold_buttons — All triangular arrows will not be hidden if you use this command to false.

These are the settings, you can experiment with them for a long time, but now let's move on to the key settings item.

Setting keys

Sublime Text 3 has a great way to customize keyboard shortcuts. This proves once again that Sublime is a fully customizable code editor.

Now to configure the keys. To configure the keys, go to Preferences – Key Bindings.
After two files open again, but as in the previous example, the left one for the default settings, you can also change them, and the right one for your own.

To change the value, copy the strings in curly braces. After configuring the keys, you can go to the plugin theme.

Installing Package control

Earlier in the advantages it was mentioned that the editor has a lot of different plugins. They are all diverse and can make it easier to write code in places, for example, highlight syntax, make full-fledged code fragments from abbreviations, allow you to work with systems like git, and so on.

But to install all this charm, you will need a component called Package control.
In general, various modifications can be installed manually, through code, but it is much easier to do this through the search box in the Package control.

Now to the installation:

  1. And so, install the component through the official website. By the way, you do not need to download any file from the site itself. You need to copy the text from the field with the current version of Sublime Text.
  2. Now you need to go to Sublime Text, and then press the key combination "Ctrl" + "~". This combination opens the editor command prompt.
  3. Paste the line that you copied from the official website. The installation of the component begins.
  4. After a successful installation, reboot Sublime.
experience on sublime text 4

Done, now you can easily and simply install any plugins.

Installation of plugins. Practice

There is a plugin installer, which means you can start installing extensions, but which ones? Then there will be a list of 13 good plugins, but first you need to learn how to use package control.

For practice, we will install a modification of material Theme, and then configure it:

  1. Run Package control with the keyboard shortcut "Ctrl" + "Shift" + "P", then from the list of results select Package Control: Install Package.
  2. Then search for the name of the extension, in this case Material Theme.
  3. Press Enter and look for the plugin in the search results. After clicking on the plugin, allow the installation of another plugin.
plugin sublime text

The extension is installed, now the theme needs to be applied. To do this, go to preferences settings – Color Scheme – Material Theme – Schemes. And then you choose the topic that you like. That's the whole setup.

List of useful plugins

Modifications can simplify the work several times, make the code more understandable, and so on. They can also increase the speed of work. A list of such plugins is collected at the bottom.

Emmet

A very useful plugin for layout designers, as it makes complete code snippets from abbreviated expressions in html/css. For example, if you write html and press tab, it will create a full-fledged markup for the html document. By the way, in the past the plugin was called Zen coding.

JavaScript & NodeJS Snippets

Same emmet, only for JavaScript and NodeJS. Also increases the speed of work. Example of work, document.querySelector('selector'); you can not enter, but lead only two characters qs, then press the tab button and that's it.

Git

Probably already understood from the name what the plugin is about. That's right, it allows you to work with the git system. This plugin will save a considerable amount of time, if only because you do not need to run from sublime to git and vice versa, since all this can be done in the editor. The plugin has excellent autocomplete, which is called by the -add inscribe method. It is also impossible not to mention the quick command, which adds changes and commits them.

GitGutter

This plugin tracks changes in the code, and also allows you to view the status of the file itself. For convenience, highlights the changed lines with a commit.

Sidebar Enhancements

Thanks to this plugin, you can make your left sidebar more multifunctional and useful. There are so many useful features, and one of them is "open in the browser".

BracketHighlighter

With this plugin, all the brackets in the code will be closed, so it highlights them, a very useful thing.

ColorPicker

A small separate window for color selection. A small thing, but it will come in handy. By the way, the color can be selected directly on the screen using the "eyedropper" tool. Colors can be selected from a palette in hex format.

EditorConfig

Plugin for a kind of cross-platform. The plugin allows you to have files for settings of several code editors at once. Such files store information about various configurations.

Placeholders

You can add lorem-ipsum to sublime text 3. The Placeholders plugin has gone further, now you can insert not only text, but also layout images, as well as tables, lists, forms.

DocBlockr

This plugin allows you to very quickly make a description to the functions. It creates a commented area where you can describe functions, return values, variables, and their types.

Floobits

Allows multiple developers to work in the same code. And this can be done in different editors, such as Vim, Emacs, SublimeText IntelliJ IDEA.

SublimeCodeIntel

An extension for the editor, which will allow you to understand the code much faster. If you click on the name of the function, you can get to the description of this very function.

Colorcoder

Highlight variables and other elements in your code for easier orientation.

Total

Any code editor is just a pumped notebook. Where there are many functions designed for the encoder. And sublime is one such notebook. It's fully customizable and fast. Just what you need to work effectively.