------------------------
Кофиг файлы лежат по адресу
в Linux
/home/$USER/.config/sublime-text-3/
в Windows
C:\Users\%username%\AppData\Roaming\Sublime Text 3
или
C:\Documents and Settings\%username%\Application Data\Sublime Text 3
(при установки на windows лучше поставить галочку открыть с контекстного меню)
если что, всё это дело можно удалить (или переименовать) и настроить по новой ;
--------
НАСТРОЙКИ!!!
Preferences -> Settings
Откроется окно с настройками по умолчанию и пользовательскими;
Копируем настройки и вставляем в пользовательские с нужными параметрами;
Например
{
"auto_complete": false,
"fallback_encoding": "Cyrillic (Windows 1251)",
"font_size": 12,
"highlight_line": true,
"line_padding_bottom": 1,
"line_padding_top": 1,
"margin": 2,
"show_encoding": true,
"show_line_endings": true,
"tab_size": 2,
"word_wrap": true,
"ignored_packages": ["Vintage"],
}
или
{
"color_scheme": "Packages/Monokai Extended/Monokai Extended.tmTheme",
"theme": "Adaptive.sublime-theme",
"font_size": 14,
"auto_complete": true,
"fallback_encoding": "Cyrillic (Windows 1251)",
"highlight_line": true,
"line_padding_bottom": 1,
"line_padding_top": 1,
"margin": 2,
"show_encoding": true,
"show_line_endings": true,
"tab_size": 2,
"translate_tabs_to_spaces": true,
"word_wrap": true,
"ignored_packages":
[
"BracketHighlighter",
"Vintage"
],
}
-----------
Настройки сочитания клавиш
Preferences -> Key Bindings
Откроется окно с настройками по умолчанию и пользовательскими;
Настроим reindent (найти его можно в Edit -> Line -> Reindent) для выравнивания тегов ;
Опять же просто добавляем нужые нам в пользовательские (я себе настроил клавиши alt+shift+d)
[
{ "keys": ["alt+shift+d"], "command": "reindent" }
]
---------------------------------
ctrl+KU - меняет текст в верхний регистр
ctrl+KL - меняет текст в нижний регистр
----------
Регулярные выражения
-------------------
<h2>.+</h2> - находит h2 вместе с содержимым
(?<=<h2>).+(?=</h2>) - находит только содержимое внутри тега
-------------------
СТАВИМ ПЛАГИНЫ !!!!!!
----------------------------
1) Package Control
----------------------------
Отец всех плагинов! Через него и будем ставить все остальные!
Переходим сюда -> https://packagecontrol.io/installation#st3
Открываем консоль sublime через ctrl + ~ или через меню View > Show Console
Копируем код на сайте и в вызваную консоль вставляем его и нажимаем enter;
Дожидаемся окончания процесса установки;
Вызываем консоль Package Control через ctrl+shift+p вводим install package, выбираем данный пункт, и ждём подгрузки всех наших репозиториев.
Всё теперь можем выбирать какой плагин и устанавливать !
Также в меню Preferencs появится пункт Package Control, можно и через этот пункт вызывать его.
------------------------------
----------------------------
2) Emmet
----------------------------
Процедура та же
ctrl+shift+p -> вводим install package -> вводим Emmet, когда пункт будет найден выбираем и устанавливаем;
Чтобы проверить действительно ли установлен Emmet, создаём новый документ, выбираем синтаксис html, вводим символ ! и сразу нажимаем tab;
Подгрузится базовый html код ;
или набираем
.test и сразу нажимаем tab - будет прописан div с классом test
или
.test_v2>ul>li*5 и tab
Будет создан div с классом test_v2 и списком с 5-ю пунктами li
или
пишем lorem нажимаем tab и подгрузится тест-рыба lorem-ipsum
удобно!
По проще примеры
пишем h2 нажимаем tab и сразу теги прописываются, остаётся ввести только содержимое
пишем img[title] нажимаем tab и получаем img со всеми атрибутами
----------------------------
3) brackethighlighter
----------------------------
Отличный плагин, для подсветки синтаксиса, по умолчанию sublime почему-то слабовато отмечает теги и т.п. конструкции, при большом объёме кода можно и не заметить...
Плагин ставится по привычной схеме.
----------------------------
4) autofilename
----------------------------
Плагин сможет идентифицировать некоторый файл в одном проекте и быстрее его подключить;
Например подключитить файл style.css в html ;
Плагин устанавливается как обычно.
----------------------------
5) ColorPicker
----------------------------
Некая пипетка выбора цвета с любого места экрана которая вызывается с sublime сочитанием ctrl+shift+c
----------------------------
6) ColorHightlighter
----------------------------
При вставки цвета в hex-значении плагин сразу отобразит этот цвет.
Иногда может потребоваться перезагрузка sublime после установки этого плагина.
----------------------------
6) ApacheConf.tmLanguage
----------------------------
Плагин, который обеспечивет подсветку синтаксиса Apache.
Особо пригодится когда часто нужно править файлы .htaccess
Удобнее всё-же.
----------------------------
7) INI
----------------------------
Плагин для подсветки синтаксиса в *.ini файлах. Например в php.ini
----------------------------
8) AdvancedNewFile
----------------------------
Ключевая фишка в том что позваоляет создавать файлы и каталоги сразу в sublime ;
для этого нужно воспользоваться сочетанием Win+alt+n (super+alt+n) и прописать нужный путь с нужным именем файла ;
----------------------------
9) BufferScroll
----------------------------
Плагин запоминает позицию курсора, при закрытии документа.
----------------------------
10) Goto-CSS-Declaration
----------------------------
Плагин для быстрого поиска соответствующего класса в CSS, SASS, LESS
--------
----------------------------
11) side-bar-enh
----------------------------
Плагин добавляет возможность открывать документ сраз у вбраузере через
--------
--------------------------
12) Translit
--------------------------
Плагин транслитерации ; Иногда экономит время когда нужно нормальное имя файла и его сразу нужно отправить на сервер.
https://packagecontrol.io/packages/Translit
----------------------------
13) Gist
----------------------------
Интересный плагин который подгружает нужный вам снипет с вашего персонального репозитория на github.
Нужно дополнительно настроить, а также быть уверенным пользователем git / github
----------------------------
14) LiveReload
----------------------------
Плагин для интерактивной вёрстки;
Ставится еще и в браузер, то что пишете в документ то отображается и в браузере. Нужно дополнительно настраивать.
---------------------------
15) Tag
----------------------------
Плагин может не подгрузится через Package Control в sublime
поэтому найти можно тут -> https://github.com/titoBouzout/Tag и загрузить.
Закидываем каталог по адресу /home/$USER/.config/sublime-text-3/Packages/
и ничего перезагружать не нужно. Плагин сразу подгрузится.
Плагин имет функционал по типу HTML Cleaner ;
Одна из "фишек" выбрать всё содержимое внутри тега: shift+ctrl+a
------------------------------------
------------------------------------
Подсветка синтаксиса, если нужно плагины, просто ищем...
SASS, Jade
------------------------------------
Продолжение следует, статья в доработке....
Комментариев нет:
Отправить комментарий