Sublime Text 4 - редактор кода

Настройка цветовой палитры
```
Preferences->Select Color Scheme
```

Установка установщика


Tools->Command Palette->Install Package Control

Установка плагинов


Preferences->Package Control->Install Package

И далее набираем название плагина, который хотим установить

Настройки


Preferences->Settings

{

    "ignored_packages":

    [

        "Vintage",

    ],

    "font_size": 11,

    "word_wrap": true,

    "index_files": true,

        "show_encoding": true,

    "color_scheme": "Mariana.sublime-color-scheme",

    "theme": "Default Dark.sublime-theme",

    "margin":0, // - убирает лишний отступ от краев

    "remember_open_files":true, // - запоминает открытые файлы при случае неожиданного закрытие программы

"tab_size":3, // - размер табуляции, т.е. размер одного отступа или пробела 

"trim_trailing_white_space_on_save":false, // - отключает самодеятельность программы

"auto_complete": false, // - убирает всплывающие подсказки

}

Разделение экрана


View->Layout и далее выбрать один из вариантов

Путь к файлу автоматически


AutoFileName - плагин установить

Подсветка кавычек


bracketHighliter - плагин установить

Он нужен, чтобы видеть где открывающий тег и где закрывающий, также с кавычками

подсветка цвета


colorHighliter

Этот плагин нужен для того, чтобы в файле .css color:#000 - будет подсвечиваться черным цветом

Emmet - быстрое написание кода


Emmet - быстрое написание кода

goto css declaration - навигация в коде


goto css declaration - навигация в коде

"keys":["ctrl+1"],"command":"goto_css_declaration",

        "args":{"goto":"next"}  - горячие клавиши в Preferences->Key Bindings

Tag


Tag 

tag.zip распаковать сюда - C:\Users\логин пользователя\AppData\Roaming\Sublime Text\Packages

{

        "keys":["ctrl+`"],"command":"tag_classes"

    },  - горячие клавиши

для чего это нужно?

А нужно это для того, когда пишите сначала html код, и там накапливается кучу классов, и чтобы все это не прописывать, выделяем код, который написали, нажимаем сочетание клавиш ctrl+` и в файле css вставляем ctrl+v и тогда все классы автоматически вставятся в css

Список плагинов
```
base 16 color schemes
```

Emmet сокращения snippet для @media{- сюда}


1. Создаем файл в C:\Users\SystemPoint\AppData\Roaming\Sublime Text\Packages\User - в этой папке с расширением name.sublime-snippet и сюда вставляем

<snippet>

<content><![CDATA[

-webkit-transition:all ${1}s ease-in-out;-moz-transition:all ${1}s ease-in-out;-o-transition:all ${1}s ease-in-out;-ms-transition:all ${1}s ease-in-out;transition:all ${1}s ease-in-out; - что будет вставляться автоматически при нажатии на tab

]]></content>

<tabTrigger>trall</tabTrigger> - сокращение, которое будет срабатывать

<scope>source.css</scope>

<description>-webkit-transition:all ${1}s ease-in-out;-moz-transition:all ${1}s ease-in-out;-o-transition:all ${1}s ease-in-out;-ms-transition:all ${1}s ease-in-out;transition:all ${1}s ease-in-out;</description> - будет высвечиваться эта подсказка при вводе сокращения

</snippet>

Замена всех href="разные ссылки" на href="#"


Включите режим регулярных выражений, нажав кнопку .*

В поле Find What введите:href="[^"]*"