Sublime Text 3 is alive. (Setup and operation)

Sublime Text 3 is a cross-platform text editor.

A short guide for beginners to work in sublime and layout. Here is collected all the most necessary and important. (You will find more if you need it from the links)

We will consider it for Layout on Pug / Less, where we do not need huge debugging functionality. Therefore, it is this editor (in my opinion) who defeats his competitors both in speed and in functionality.



1. Installing the program and monitoring add-ons (Package Control)


  1. Install Sublime Text 3. Everything is simple here - download and run.

Now press ctrl / ⌘ + shift + p or in the menu (Tool> Command Palette).

Here we can download, install, uninstall, view add-ons, etc.


2. Program settings:


  1. Use spaces instead of tabs .
    "Translate_tabs_to_spaces": true
  2. Tab size is 4 spaces.
    Tab_size: 4

    You ask why?
    That would not accidentally press the spacebar and tab together, and not break the pug assembly.
    And also for uniform teamwork.

  3. Lines must not end with empty characters .
    To do this, use the TrailingSpaces plugin .

- Perhaps the mandatory MustHave settings end here. Let's move on to individual:


  1. Full screen mode F11 + hiding the menu (alt) panel. Allows you to maximize the use of the monitor for work and not be distracted by the status of the OS panel.
  2. Prevent line breaks. Probably the best property listed. Does not get confused in pug syntax. Shows always expected code and nesting irrespective of screen size. Horizontal scrolling is carried out by shift + wheel, (or touchPanel)
    "word_wrap": "false"
  3. Themes. I can’t say anything about this. Just find what you like (preferably using a dark outline). I use the theme: Material-Theme-Darker.sublime-theme.
  4. Syntax highlighting. Well, I think there should be no problems. If you make sure that the extension and highlighting match (Pug for Pug, not Jade for Pug)
  5. View → Side Bar → Hide Open Files - Frees up space for the project tree. Because this field is already duplicated by tabs and three dots on top

3. Useful 'hotkey' keys :


  1. In the first paragraph, we say that we skip all the standard combinations, such as ctrl (⌘) + Z (⌘ - hereinafter simply ctrl). Cancel, save, repeat, close the tab, restore the tab, and so on ...
  2. Perhaps the next most popular combination is:
    crtl + P - Allows you to search the files of the project you have opened. Lets get rid of a huge tree of open styles.
  3. Next in importance:
    ctrl + D - Search for copies of selected text. Ideal for multi-editing. And to search for duplicates. Especially in larger files and larger fragments. For multi-cursor, hold ctrl and use the mouse.
  4. ctrl + L - Selects the entire line and allows you to delete it completely. Works well with ctrl + D.
  5. Search ... Well, probably the first is ctrl + F - file search. The second and more important is the search in the folder for the set of files ctrl + shift + F (You can call it by right-clicking on the folder and select 'Find in folder ...') I advise you not to include the “Famous Fat Man” folder in the search
  6. ctrl + shift + up / down - Moves the line up / down (swaps them). Convenient for working with styles and variables.
  7. Now a small tutorial on keyboard shortcuts . You probably saw these combinations with a comma. So I saw ... and now I know how to use them. To do this, we press these combinations in turn (you can not release the general mod key)
    Here are the useful ones:
  8. ctrl + K, ctrl + 4 - Hides all branches whose nesting is more than 4. Collapse the analog of the arrow. ( ctrl + K, ctrl + J - expands all that is)
  9. ctrl + K, ctrl + B - Hides / shows the SideBar. (works well with F12)

Also popular now: