Romych: /* Быстрые клавиши */

2021-11-28T11:01:18Z

Быстрые клавиши

Нова сторінка

== Установка ==

Скачать Sublime Text 3: http://www.sublimetext.com/3

Установить в Ubuntu:

<source lang="bash">
wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -
echo "deb https://download.sublimetext.com/ apt/stable/" | sudo tee /etc/apt/sources.list.d/sublime-text.list
sudo apt update
sudo apt install sublime-text
</source>

== Быстрые клавиши ==

{| cellpadding="10" border="1" style="border-collapse:collapse"
|-
|colspan="2"|<h3>Интерфейс</h3>
|-
| Показать/спрятать Side Bar || <kbd>Ctrl</kbd>+<kbd>K</kbd><kbd>B</kbd>
|-
| Переключиться на Side Bar,<br>чтобы ходить по файлам с клавиатуры || <kbd>Ctrl</kbd>+<kbd>0</kbd>
|-
| Показать/спрятать меню — если настроено.<br>Если не настроено, то <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>p</kbd>, <code>vmen</code> || <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>M</kbd> ([[#Key Bindings]])
|-
| Включить/выключить перенос текста<br>(если настроено) || <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>w</kbd> ([[#Key Bindings]])
|-
| Консоль || <kbd>Ctrl</kbd>+<kbd>`</kbd>
|-
| Командная панель || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd>
|-
| Переключение вкладок (табов) || <kbd>Ctrl</kbd>+<kbd>PgDn</kbd>, <kbd>PgUp</kbd>
|-
| Перемещение вкладок (табов) || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>PgDn</kbd>, <kbd>PgUp</kbd> ([[#MoveTab]])
|-
|colspan="2"|<h3>Открыть файл</h3>
|-
| Быстро открыть файл с поиском по имени || <kbd>Ctrl</kbd>+<kbd>P</kbd>
|-
| Открыть файл под курсором || <kbd>Alt</kbd>+<kbd>D</kbd> ([[#Go To File]])
|-
|colspan="2"|<h3>Стандартные комбинации</h3>
|-
| Удалить строку || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>K</kbd>
|-
| Двигать строку || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>↑</kbd>, <kbd>↓</kbd>
|-
| Присоединить нижнюю строку || <kbd>Ctrl</kbd>+<kbd>J</kbd>
|-
| Дублировать строку (строки) || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>D</kbd>
|-
| Отступ текущей строки (строк) || <kbd>Ctrl</kbd>+<kbd>]</kbd>, <kbd>[</kbd>
|-
| Верхний регистр || <kbd>Ctrl</kbd>+<kbd>K</kbd><kbd>U</kbd>
|-
| Нижний регистр || <kbd>Ctrl</kbd>+<kbd>K</kbd><kbd>L</kbd>
|-
| Вставка с корректным отступом || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>V</kbd>
|-
| Выбор следующего предложенного автодополнения || <kbd>Ctrl</kbd>+<kbd>Пробел</kbd>
|-
| «Мягкая» отмена (отменяет действия<br>со всеми предварительными переходами) || <kbd>Ctrl</kbd>+<kbd>U</kbd>
|-
| Мгновенный поиск и замена по выбранному слову.<br>Sublime находит все совпадения и создает<br>мультиселект на все выделенные строки. || <kbd>Alt</kbd>+<kbd>F3</kbd>
|-
| Поиск в файлах || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>F</kbd>
|-
|colspan="2"|<h3>Выделение текста</h3>
|-
| Выделить слово (повторное нажатие —<br>включает мультиселект слов) || <kbd>Ctrl</kbd>+<kbd>D</kbd>
|-
| Выделить строку || <kbd>Ctrl</kbd>+<kbd>L</kbd>
|-
| Вертикальное выделение || <kbd>Shift</kbd>+ПКМ
|-
| Выделить текст между двумя парными скобками || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>M</kbd>
|-
| Выделить текст между двумя парными тегами || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>A</kbd>
|-
| Выделить текст с соответствующим отступом || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>J</kbd>
|-
| Выделить по контексту || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Пробел</kbd>
|-
| Выделить тэг '''внутрь''' || <kbd>Ctrl</kbd>+<kbd>,</kbd> ([[#Emmet]])
|-
| Выделить тэг '''наружу''' || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>0</kbd> ([[#Emmet]])
|-
| Выделить текст между кавычками || <kbd>Ctrl</kbd>+<kbd>'</kbd> ([[#Expand Selection to Quotes]] )
|-
|colspan="2"|<h3>HTML</h3>
|-
| Вставить тэг или обернуть выделенный текст тэгом<br>Перестало работать в последних обновлениях Emmet.<br>Можно использовать команду ниже ↓ || <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Enter</kbd>
|-
| Вставить тэг или обернуть выделенный текст тэгом || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>G</kbd> ([[#Key Bindings]])
|-
| Закрыть HTML тег || <kbd>Alt</kbd>+<kbd>.</kbd>
|-
| Переименовать тэг || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>'</kbd> ([[#Emmet]])
|-
| Удалить тэг || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>;</kbd> ([[#Emmet]])
|-
| Свернуть атрибуты у всех тегов || <kbd>Ctrl</kbd>+<kbd>K</kbd>, <kbd>T</kbd>
|-
| Вставить <code>&nbsp;</code> || <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Пробел</kbd> ([[#Key Bindings]])
|-
|colspan="2"|<h3>Закомментировать</h3>
|-
| Закомментировать строку или выделенный текст || <kbd>Ctrl</kbd>+<kbd>/</kbd>
|-
| Закомментировать выделенный блок || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>/</kbd>
|-
| Закомментировать/раскомментировать тэг || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>/</kbd> ([[#Emmet]])
|-
|colspan="2"|<h3>Переходы</h3>
|-
| Перейти к парной скобке || <kbd>Ctrl</kbd>+<kbd>M</kbd>
|-
| Переход по фрагментам || <kbd>Ctrl</kbd>+<kbd>R</kbd>
|-
| Перейти к парному тегу || <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>J</kbd> ([[#Emmet]])
|-
| Переход между конечными точками:<br>— между тегами<br>— пустыми атрибутами<br>— пустыми строками с отсупом || <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>→</kbd>, <kbd>←</kbd> ([[#Emmet]])
|-
|colspan="2"|<h3>Закладки / Bookmark</h3>
|-
| Добавить закладку || <kbd>Ctrl</kbd>+<kbd>F2</kbd>
|-
| Переход по закладкам || <kbd>F2</kbd>, <kbd>Shift</kbd>+<kbd>F2</kbd>
|-
| Очистить закладки || <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>F2</kbd>
|-
|colspan="2"|<h3>Прочее</h3>
|-
| Переключение слов: <code>true</code>/<code>false</code>, <code>yes</code>/<code>no</code>, <code>on</code>/<code>off</code>, <code>0</code>/<code>1</code>,<br><code>left</code>/<code>right</code>, <code>top</code>/<code>bottom</code>, <code>up</code>/<code>down</code>, <code>width</code>/<code>height</code> || <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>X</kbd> ([[#ToggleWords]])
|}

См. также: [https://nicothin.pro/sublime-text/sublime-text-3-hotkeys.html Шпаргалка ниндзя Sublime Text 3]

== Настройки ==

=== Основные настройки ===

<code>Preferences/Settings-User</code> — добавить:

<source lang=javascript>
{
// "caret_extra_width": 1, // ширина курсора
// "caret_style": "phase", // режим мягкого мерцания курсора
"drag_text": false, // отключить перетаскивание текста
"enable_tab_scrolling": false, // отключает стрелки для прокрутки табов
"fallback_encoding": "Cyrillic (Windows 1251)", // исправляет "кракозябры", при загрузке файла с кириллицей в кодировке windows-1251
"highlight_line": true, // подсвечивать строку с курсором
"save_on_focus_lost": true, // автоматически сохранять открытый файл при смене фокуса (т.е. при переключении с окна редактора на другую программу)
// "scroll_speed": 5.0, // скорость прокрутки
"show_encoding": true, // показывать в статус баре кодировку текста
"tab_size": 2, // ширина табуляции
"translate_tabs_to_spaces": true, // конвертировать табуляции в пробелы
"trim_trailing_white_space_on_save": true, // при сохранении удалять пробелы в конце строк
// "word_wrap": false, // отключить перенос строк
// Отключить отображение в боковой панели скрытых файлов:
"file_exclude_patterns":
[
"*.svn",
"*.git",
".gitmodules",
".gitattributes",
".gitignore",
"*.hg",
"CVS",
"*tmp/cache",
"*._*",
"*.DS_Store"
],
"folder_exclude_patterns":
[
".sass-cache",
".svn",
".git",
".github",
"node_modules",
"bower_components",
"resources"
],
}
</source>

=== Key Bindings ===

Чтобы работали комбинации клавиш при русской раскладке плюс пара дополнительных сочетаний клавиш: добавить в <code>Preferences/Key Bindings-User</code>:

<source lang=javascript>
[
// комментирование по Ctrl-/ при руской раскладке
{ "keys": ["ctrl+."], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+/"], "command": "toggle_comment", "args": { "block": false } },

{ "keys": ["ctrl+ы"], "command": "save" },
{ "keys": ["ctrl+s"], "command": "save" },

{ "keys": ["ctrl+я"], "command": "undo" },
{ "keys": ["ctrl+z"], "command": "undo" },

{ "keys": ["ctrl+shift+я"], "command": "redo" },
{ "keys": ["ctrl+shift+z"], "command": "redo" },

{ "keys": ["ctrl+н"], "command": "redo_or_repeat" },
{ "keys": ["ctrl+y"], "command": "redo_or_repeat" },

{ "keys": ["ctrl+г"], "command": "soft_undo" },
{ "keys": ["ctrl+u"], "command": "soft_undo" },

{ "keys": ["ctrl+shift+г"], "command": "soft_redo" },
{ "keys": ["ctrl+shift+u"], "command": "soft_redo" },

{ "keys": ["ctrl+ч"], "command": "cut" },
{ "keys": ["ctrl+x"], "command": "cut" },

{ "keys": ["ctrl+с"], "command": "copy" },
{ "keys": ["ctrl+с"], "command": "copy" },

{ "keys": ["ctrl+м"], "command": "paste" },
{ "keys": ["ctrl+v"], "command": "paste" },

{ "keys": ["ctrl+shift+м"], "command": "paste_and_indent" },
{ "keys": ["ctrl+shift+v"], "command": "paste_and_indent" },

{ "keys": ["ctrl+ф"], "command": "select_all" },
{ "keys": ["ctrl+a"], "command": "select_all" },

{ "keys": ["ctrl+а"], "command": "show_panel", "args": {"panel": "find", "reverse": false} },
{ "keys": ["ctrl+f"], "command": "show_panel", "args": {"panel": "find", "reverse": false} },

{ "keys": ["ctrl+р"], "command": "show_panel", "args": {"panel": "replace", "reverse": false} },
{ "keys": ["ctrl+h"], "command": "show_panel", "args": {"panel": "replace", "reverse": false} },

{ "keys": ["ctrl+shift+а"], "command": "show_panel", "args": {"panel": "find_in_files"} },
{ "keys": ["ctrl+shift+f"], "command": "show_panel", "args": {"panel": "find_in_files"} },

{ "keys": ["ctrl+shift+з"], "command": "show_overlay", "args": {"overlay": "command_palette"} },
{ "keys": ["ctrl+shift+p"], "command": "show_overlay", "args": {"overlay": "command_palette"} },

{ "keys": ["ctrl+к"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} },
{ "keys": ["ctrl+r"], "command": "show_overlay", "args": {"overlay": "goto", "text": "@"} },

{ "keys": ["ctrl+п"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },
{ "keys": ["ctrl+g"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },

{ "keys": ["ctrl+ц"], "command": "close" },
{ "keys": ["ctrl+w"], "command": "close" },

{ "keys": ["ctrl+shift+t"], "command": "reopen_last_file" },
{ "keys": ["ctrl+shift+е"], "command": "reopen_last_file" },

{ "keys": ["ctrl+p"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} },
{ "keys": ["ctrl+з"], "command": "show_overlay", "args": {"overlay": "goto", "show_files": true} },

// Вкл/выкл меню
{ "keys": ["ctrl+alt+ь"], "command": "toggle_menu" },
{ "keys": ["ctrl+alt+m"], "command": "toggle_menu" },

// Вкл/выкл Word Wrap
{ "keys": ["ctrl+alt+ц"], "command": "toggle_setting", "args": {"setting": "word_wrap"} },
{ "keys": ["ctrl+alt+w"], "command": "toggle_setting", "args": {"setting": "word_wrap"} },

// Insert  
{ "keys": ["ctrl+alt+space"], "command": "insert_snippet", "args": {"contents": " "} },

// toggle_word
{ "keys": ["ctrl+alt+ч"], "command": "toggle_word" },

// Go To File
{
"keys": ["alt+d"], "command": "go_to_file",
"keys": ["alt+i"], "command": "file_info",
"keys": ["alt+k"], "command": "file_info_short"
},
// Toggle Search in selection
{
"keys": ["alt+s"], "command": "toggle_in_selection", "context": { "key": "setting.is_widget", "operator": "equal", "operand": true }
},
// Emmet
{ "keys": ["ctrl+shift+g"], "command": "emmet_wrap_with_abbreviation"}
]
</source>

== Плагины ==

Плагины устанавливаются сюда:

* '''Windows''': <code>%APPDATA%/Sublime Text 3/Packages/</code>
* '''Linux''': <code>~/.config/sublime-text-3/Packages/</code>
* '''OS X''': <code>~/Library/Application\ Support/Sublime\ Text\ 3/Packages</code>

=== [https://sublime.wbond.net/installation Sublime Package Control] ===

Сразу после установки Sublime Text нужно установить Sublime Package Control:

<kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> → набрать <code>Install Package Control</code> → <kbd>Enter</kbd>

Этот пакет позволяет устанавливать большинство плагинов и тем оформления прямо из Sublime Text:

<kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> → набрать первые буквы <code>packg</code> → выбрать <code>Package Controll: Install Package</code> → нажать <kbd>Enter</kbd> → набрать первые буквы нужного плагина.

=== [[Emmet]] ===

* Emmet для Sublime text (новая версия): https://github.com/emmetio/sublime-text-plugin
* [https://github.com/emmetio/sublime-text-plugin/blob/master/Default.sublime-commands Команды Emmet для горячих клавиш]

=== [https://packagecontrol.io/packages/Sass Sass] ===

SCSS and Sass syntax for Sublime Text 3.

Нужно ставить Sass, а не Scss - второй устарел.

=== [https://packagecontrol.io/packages/SideBarEnhancements Sidebar Enhancements] ===

Дополнительные команды для управления файлами в боковой панели.

Добавить в <code>Preferences</code> → <code>Key Bindings</code> → <code>User</code>:

<source lang=javascript>
// SideBarEnhancements — переименование файла по F2
{ "keys": ["f2"], "command": "side_bar_rename" },
</source>

=== [https://packagecontrol.io/packages/Expand%20Selection%20to%20Quotes Expand Selection to Quotes] ===

Выделенние тексмта между кавычками по <kbd>Ctrl</kbd>+<kbd>'</kbd>.

=== [https://github.com/gordio/ToggleWords ToggleWords] ===

Переключает слова по комбинации клавиш <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>X</kbd>:

<pre>
true -> false
yes -> no
on -> off
0 -> 1
left -> right
top -> bottom
up -> down
width -> height
</pre>

Чтобы срабатывало при русской раскладке, добавить в <code>Preferences</code> → <code>Key Bindings</code> → <code>User</code>:

<source lang=javascript>
// toggle_word
{ "keys": ["ctrl+alt+ч"], "command": "toggle_word" },
</source>

=== Markdown ===

Поддержка разметки [[Markdown]]:

* [https://github.com/jonschlinkert/sublime-markdown-extended Markdown Extended]
* [https://github.com/jonschlinkert/sublime-monokai-extended Monokai Extended]
* [https://github.com/ttscoff/MarkdownEditing MarkdownEditing]
* [https://github.com/revolunet/sublimetext-markdown-preview Markdown Preview]
* [https://github.com/vkocubinsky/SublimeTableEditor SublimeTableEditor]

=== [https://github.com/facelessuser/ApplySyntax ApplySyntax] ===

Позволяет настроить, какие файлы с какой подсветкой синтаксиса будут открываться.

Пример конфига <code>ApplySyntax.sublime-settings</code>, чтобы <code>info.txt</code> открывались с подсветкой Markdown:

<source lang="bash">
// Put your custom syntax rules here:
"syntaxes": [
{
"syntax": "Markdown/Markdown",
"rules": [
{"file_path": ".*\\info\\.txt$"}
]
},
]
</source>

=== [https://github.com/Gakai/sublime_toml_highlighting TOML] ===

Поддержка разметки TOML.

=== WordCount ===

Показывает в строке статуса количество знаков, слов, строк и страниц для всего текста или для выделенного.

=== ToDo ===

* [https://packagecontrol.io/packages/TodoReview TodoReview] - список ToDo в комментариях
* [https://github.com/aziz/PlainTasks PlainTasks] - список ToDo в текстовом файле.

=== [https://github.com/csscomb/sublime-csscomb CSScomb] ===

Сортировка CSS-свойств с поддержкой LESS и SASS. Требует Node.js.

Запуск: <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>C</kbd>

Настройки: Preferences → Package Settings → CSScomb → Settings — Default

=== Cниппеты ===

* [https://github.com/mrmartineau/HTML5 HTML5]
* [https://github.com/SublimeText/jQuery jQuery]
* [https://github.com/npostulart/SCSS-Snippets SCSS]

Полный список можно посмотреть в Tools → Snippets.

=== [https://github.com/mrmartineau/Placeholders Placeholders] ===

Вставка рыбы «Lorem ipsum», включая абзацы, списки, картинки и т.д.

Использование: набрать <code>lorem</code> и нажать <kbd>Tab</kbd>.

=== [http://weslly.github.io/ColorPicker/ ColorPicker] ===

Запуск: Ctrl+Shift+P → color

=== [https://packagecontrol.io/packages/TabsExtra TabsExtra] ===

Расширенные возможности работы с вкладками.

=== [https://github.com/gs/sublime-text-go-to-file Go To File] ===

Открыть файл под курсором по <kbd>Alt</kbd>+<kbd>D</kbd>.

Установка:

cd ~/.config/sublime-text-3/Packages
git clone https://github.com/stvkoch/sublime-text-go-to-file.git GoToFile
subl User/Package\ Control.sublime-settings

Добавить строку:

"GoToFile"

=== [https://github.com/SublimeText/MoveTab MoveTab] ===

После установки можно сразу перемещать вкладки комбинацией клавиш <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>PgUp</kbd> и <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>PgDn</kbd>.

== Темы ==

Настройки тем добавлять здесь: <code>Preferences → Settings — User</code>.

=== Темы интерфейса ===

'''[https://github.com/itsthatguy/theme-itg-flat itg.flat]'''

<source lang="javascript">
"theme": "itg.flat.dark.sublime-theme",
"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",
"itg_small_tabs": true,
"itg_sidebar_tree_medium": true,
"itg_scrollbar_medium": true
</source>

'''Spacefunk'''

<source lang="javascript">
"theme": "Spacefunk (Grey Tuesday).sublime-theme",
</source>

'''Phoenix Theme'''

https://github.com/netatoo/phoenix-theme

=== Темы раскраски синтаксиса ===

<source lang="javascript">
"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",
</source>

== Макросы ==

Макросы лежат здесь:

C:\Users\USERNAME\AppData\Roaming\Sublime Text 3\Packages\User

== Mac OS X ==

Чтобы работал запуск из коммандной строки, нужно сделать симлинк:

<source lang="bash">
ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/subl
</source>

== Ссылки ==

* [http://artemmian.ru/390-sublime-text-3.html Sublime Text - настройка, плагины, горячие клавиши]
* [http://habrahabr.ru/post/154667/ Готовим Sublime Text 2 для front-end]
* [http://habrahabr.ru/post/208514/ Несколько полезных шорткатов для Sublime Text ниндзи]
* [https://scotch.io/bar-talk/best-of-sublime-text-3-features-plugins-and-settings Best of Sublime Text 3: Features, Plugins, and Settings | Scotch]
* [http://habrahabr.ru/post/244681/ Sublime Text для фронтэнд-разработчика]
* [http://proft.me/2013/02/2/oda-o-sublime-text/ Ода о Sublime Text | proft.me]
* [https://johnblackbourn.com/my-st3-packages My Sublime Text 3 Packages – John Blackbourn]

Sublime Text - Історія редагувань

Romych: /* Быстрые клавиши */