sublime text 3 выравнивание кода горячие клавиши
Sublime Text горячие клавиши и настройки
Sublime Text — интересный редактор кода. При первом впечатлении оставляет положительное впечатление. Здесь буду пока писать часто используемые горячие клавиши.
Почти все комбинации, как и в других приложениях. Но, есть и исключения. И это одно исключение может сильно выбивать из работы )).
| CTRL+/ | Комментирование строки кода (в этом случае достаточно, чтобы курсор находился на строке) и блока кода. |
| CTRL+G | Переход к нужной строке документа по номеру |
| CTRL+F | Поиск по документу |
| CTRL+S | Сохранить документ |
| CTRL+H | Поиск с заменой по документу. С возможностью поиска по регулярному выражению |
| CTRL+Tab | Перемещение по вкладкам |
| CTRL+W | Закрыть вкладку |
| CTRL+ALT+R | Автоматическое выравнивание HTML-код в древовидном виде. Весь текст, который нужно выровнять — выделяем. (Горячие клавиши я назначил сам. Ниже описал как) |
| TAB+выделенный текст | Отступ у нужных строк. Сначала выделяем нужные строки |
Назначаем горячие клавиши:
Перенос строк
Далее просто указываю строки с их расшифровкой. Вносить их нужно по аналогии с двумя предыдущими записями:
| «highlight_line»: true, | Подсветка активной строки. |
| «word_wrap»: true, | Перенос длинных строк |
| «default_encoding»: «UTF-8», | Кодировка по-умолчанию. |
| «fallback_encoding»: «Cyrillic (Windows 1251)», | Используемая кодировка, когда sublime text не может автоматически определить кодировку. |
| «line_padding_bottom»: 0, | Междустрочный интервал. Меня устраивает нуль. |
Присылайте в коментах то, что Вы используете. Буду добавлять.
Sublime Text — настройка, плагины, горячие клавиши. часть 2
Sublime Text 3 это мощный редактор исходного кода со множеством настроек, сумасшедшим числом плагинов, армией поклонников и еще он очень красивый и удобный! Настройка саблайма для первого пользования окажется довольно сложной т.к. здесь попросту нет настроек.
Когда-то писал про Sublime Text, но тогда я только познакомился с этим чудо редактором. Теперь же опишу все его преимущества, настройку горячих клавиш, полезные комбинации и некоторые интересные плагины.
Настройка Sublime Text, а также задание горячих клавиш осуществляется через команды, которые вписываются в файл конфиг. Все эти команды можно найти на русском официальном сайте по ссылке: http://sublimetext.ru/documentation
Особенности Sublime Text
Настройка Sublime Text 3
По умолчанию все настройки уже заданы и записаны в файл Preferences Settings — Default. Если нам необходимо внести изменения, то мы лезем на сайт, ищем нужные настройки, открываем Preferences User — Default и вписываем свои значения.
Ниже выкладываю свой файл с настройками, на заполнение которого ушел не один месяц, в котором представлены основные настройки. Остальное уже самостоятельно, через мануал.
Особое внимание нужно обратить на то, что при смене настроек через меню, в файле настроек исчезают все комментарии к переменным. По крайне мере у меня и я неоднократно злился, пытался понять почему т.к. люблю, когда все подписано и красиво упаковано.
В свою сборку вложил этот файл и подробное описание по установке и настройке.
Горячие клавиши
Горячие клавиши настраиваются по аналогии, но, в отличие от настроек, мы не знаем код команды. Поэтому, как и с основными настройками, идем на сайт программы, ищем клавишу, затем открываем Preferences Key Bindings — Default, через поиск находим полный код клавиши и переделываем ее при необходимости в файле Preferences Key Bindings — User
Например, я хочу переставить кнопки для отмены редактирования (когда напортачил — нажать и вернуть как было). Для этого ищу по ссылке http://sublimetext.ru/documentation/hotkeys/windows нужное сочетание клавиш.
Нашел вот такое: «CTRL+Z Отмена последнего действия». Теперь открываю файл горячих клавиш по умолчанию и вбиваю в поиск сочетание клавиш (CTRL — прописывается не кнопкой, а четырьмя буквами).
Нашел на 24 строке нужную команду. Переношу ее в пользовательский файл настроек горячих клавиш и меняю комбинацию клавиш на ту, которая мне удобна.
Ниже выкладываю свой файл с настройками. Изменил только две верхние команды, остальное просто собрал, чтобы не забывать сочетания.
В свою сборку вложил этот файл и подробное описание по установке и настройке.
Цветовые схемы
Цветовых схем очень много. По умолчанию стоит тема Monokai. В комплекте идет еще 22 темы.
Бесплатные темы для Sublime Text: http://colorsublime.com/
Создать тему для Sublime Text: https://github.com/
Проекты
В программу интегрирован удобный интерфейс управления папками под названием проекты. Вызывается двумя комбинациями клавиш: Ctrl+K, Ctrl+B и наоборот, если нужно спрятать.
Смысл проектов в добавлении папок над которыми ведется работа для быстрого доступа. Проекты это не дерево с корнем на локальных дисках. Корнем проекта будет та папка, которую мы добавили. Самое интересное — подключение плагинов к проектам, например SFTP.
В общем, долго обходил стороной проекты, но однажды, а точнее вместе с плагином SFTP воспользовался и мне понравилось. На скриншоте выше пять шаблонов, над которыми я работаю. Два из них синхронизированы с FTP и заливают файлы напрямую, по нажатию Ctrl+S. Так работает SFTP.
Сниппеты
Это набор заготовок, которые мы создаем сами. Например, для часто используемых кусков кода и вставляем в файл по нажатии заданной нами клавиши. Вещь очень удобная. Подробнее читайте в другой статье про сниппеты в Sublime Text.
Мультивыделение и редактирование
Нажатием одной комбинации клавиш можно установить каретку (мигающий вертикальный курсор) одновременно на все строки после чего, также при помощи комбинации клавиш можно обернуть строки кодом. Например, имеется текст, который нужно обернуть ссылками
Дополнительно сделаем всплывающую подсказку в виде тега TITLE для каждой ссылки. Руками это занимает некоторое время, а и при большем количестве таких строк, процесс может затянуться надолго.
Если запущено мультиредактирование и количество редактируемых строк совпадает с количеством вставляемых — вставит их не в одну строчку, а каждой строке по одной новой. Пример ниже, когда тег TITLE совпадает с текстом ссылки.
Пошаговый алгоритм
Черные полоски в закрывающей кавычке тега тайтл это и есть те мигающие каретки на все строки сразу
Контекстное меню
Меню, которое появляется при нажатии правой кнопки мышки редактируется и полностью настраивается под себя через всего один файл. Это файл: %appdata%/Sublime Text/Packages/Default/Context.sublime-menu.
Быстрый доступ к этому файлу осуществляется через сам блокнот нажатием Preferences — Просмотр плагинов, которая открывает папку %appdata%/Sublime Text/Packages. Тут мы уже открываем нужный нам файл.
Я добавил себе три команды (метку для строки, и отмену редактирований) из горячих клавиш и получил вот такой код:
Синтаксис тот-же что и в горячих клавишах — JSON, но нет блока с комбинациями клавиш.
Словари и орфография
Если нам часто приходится работать с текстом, писать, например статьи через блокнот, то на помощь приходят словари и проверка орфографии. Слова будут подчеркиваться пунктиром в случае, если по версии словаря, они написаны неправильно. К сожалению, запятые и пунктуацию проверять словари не умеют и не всегда правильно находят ошибки в словах.
Устанавливаются еще проще: скачиваем необходимые файлы, закидываем в папку %appdata%/Sublime Text/Packages, открываем в блокноте: Вид-Словарь и выбираем как на скриншоте ниже. Для себя я создал отдельную папку Dictionares и туда закинул все файлы словарей.
Теперь, после установки необходимых словарей в файле, где необходимо включить проверку орфографии жмем F6
Ниже выкладываю свою сборку Sublime Text на момент написания статьи в которую вошли следующие элементы:
Как настроить Sublime Text 3
Sublime Text 3 – это текстовый редактор, разработанный для верстальщиков и программистов. Он позволяет работать с кодом разных языков программирования: от Erlang до C++. Свою популярность он получил благодаря кроссплатформенной поддержке и расширенным настройкам, которые позволяют пользователю легко «играть» с параметрами программы. Вариаций довольно много – можно изменить и внешний вид, и дополнить функционал с помощью различных плагинов.
Что еще есть в Sublime Text 3 и как со всем этим работать – поговорим в сегодняшней статье.
Инструменты Sublime Text 3
Текстовый редактор Sublime обладает большим функционалом, который упрощает написание кода и его компиляцию. Из особенностей выделяют следующее:
Настройка Sublime Text 3
Первым делом рассмотрим настройки внешнего вида, а затем перейдем к горячим клавишам и установке плагинов.
Изменяем внешний вид
По умолчанию Sublime поставляется с черной темой, которая подойдет каждому, но если нужны изменения, то никто не запрещает их сделать.
На этом настройки не ограничиваются – мы также можем изменить шрифт текста и его размер, добавить новые темы и многое другое.
Например, мы можем установить следующие значения:
Для сохранения изменений не забудьте воспользоваться комбинацией клавиш «CTRL+S».
Настраиваем горячие клавиши
Мы привыкли использовать комбинации клавиш, чтобы скопировать, вставить или выделить весь текст. В Sublime Text можно установить свои пользовательские комбинации.
Затем в правом столбце нужно прописать нужную комбинацию клавиш и указать ей значение «cut». В конце сохранияемся комбинацией клавиш «CTRL+S».
Аналогичным образом вы можете изменять другие комбинации либо добавлять собственные.
Русифицируем Sublime Text с помощью плагина
Как мы уже говорили ранее, основная фишка Sublime – плагины, с помощью которых можно менять функционал программы. Для их установки используется дополнительная утилита Package Control, которая позволяет находить и инсталлировать разные плагины.
Для примера давайте русифицируем программу с помощью плагина LocalizedMenu:
Вот такими несложными действиями у нас получилось установить один из тысячи плагинов. Вы можете добавлять любые расширения, которые есть в пакете Sublime.
Разделяем экран
Еще одна интересная функция, о которой я уже говорил – разделитель экрана. Ей часто пользуются веб-разработчики для удобства перемещения между HTML и CSS. Активировать ее можно следующим образом:
На этом настройка Sublime Text завершена – теперь вы можете использовать программу в полной мере. Чтобы вам было еще проще, ниже я рассмотрю некоторые плагины, которые заметно упрощают работу с кодом.
Популярные плагины для Sublime Text 3
Emmet
Emmet – одно из лучших решений для тех, кто хочет быстро верстать сайты или писать код. Плагин позволяет дописывать код при его введении. Например, если в HTML-файле прописать букву «t» и нажать после этого на клавишу «TAB», то появится тег:
JavaScript & NodeJS Snippets
Аналогичен предыдущему плагину – с его помощью можно дописывать JavaScript-код. Например, если набрать «qs+TAB», то в результате набранный текст преобразится в код:
Abvanced New File
Позволяет создавать файлы, не выходя из программы – достаточно запустить плагин, прописать путь и название файла.
Если вы работаете с Git, то данный плагин будет вам попросту необходим. С его помощью можно выполнять все необходимые взаимодействия с Git внутри программы.
GitGutter
Еще один плагин для Git, с помощью которого можно не просто работать с основными командами, но и обращаться к измененным версиям.
Заключение
Сегодня мы настроили Sublime Text 3 и убедились, что в этом нет ничего сложного, так как программа адаптирована под начинающих пользователей.
Как установить и настроить Sublime Text 3
Среди достоинств редактор Sublime Text можно отметить возможность одновременного редактирования нескольких участков текста, мощную систему плагинов, подключаемый менеджер пакетов, сохранение и вставку фрагментов текста по горячим клавишам. При всём этом Sublime Text можно скачать бесплатно и использовать без покупки лицензии.
Лайфхаки
Хоткейс
Package Control менеджер плагинов
Для инсталляции новых пакетов плагинов, например Emmet, в запущенном Package Control выберите «Install package». Откроется окно с базой пакетов, в строке этого окна наберите имя нужного вам пакета, например Emmet и нажмите на нем. 
Проверяем работу Emmet: создайте пустой файл с расширением html, нажмите Shift+!, а потом клавишу Тab и появится код заготовки страницы html.
Крупнейшая в Европе школа английского языка
Промокоды, акции и подарки, чтобы Ваше обучение было не только интересным, но и выгодным. Закажите пробный урок уже сейчас!
Английский для IT‑специалистов по Skype
Персональные занятия по разумным ценам. Длительность курса: 50 уроков по 50 минут. Управляй расписанием занятий через мобильное приложение!
Если не указано иное, содержимое этой вики предоставляется на условиях следующей лицензии:
GNU Free Documentation License 1.3
Горячие клавиши Sublime Text 3
Всем привет. C вами Corvax. Сегодня я хочу поговорить о таком важном инструменте любого разработчика как редактор кода, а точнее Sublime Text 3. Это отличный редактор, который вы можете “прокачать” по своему вкусу и целям. Часто начинающие разработчики редко пользуются горячими клавишами что существенно замедляет их рабочий процесс. Сейчас же я хочу поделиться с вами перечнем тех самых полезных шорткатов. Поехали.
Работа со строками
MaсOS: CMD + L
Win/Linux: Ctrl + L
Выделение целой строки.
MaсOS: CMD + A
Win/Linux: Ctrl + A
MaсOS: CMD + /
Win/Linux: Ctrl + /
История
MaсOS: CMD + Z
Win/Linux: Ctrl + Z
Отмена действий на шаг назад.
Перемещение по файлам и папкам
MaсOS: CMD + R
Win/Linux: Ctrl + R
Если вам нужно быстро переместится по странице, то этот инструмент станет для вас незаменимым. При нажатие комбинации у нас открывается окно по которому вы можете быстро переходить по элементам страницы.
MaсOS: CMD + T
Win/Linux: Ctrl + T
Быстрое перемещение по файлам.
Поиск
MaсOS: CMD + F
Поиск в проекте нужного файле.
MaсOS: CMD + P
Дополнительные
MaсOS: CMD + Q
Win/Linux: Ctrl + Q
Быстрое закрытие редактора.
MaсOS: CMD + N
Win/Linux: Ctrl + N
Создать новую вкладку.
MaсOS: CMD + S
Win/Linux: Ctrl + S
MaсOS: Ctrl + CMD + F
Здесь я постарался перечислить наиболее часто использованные комбинации клавиш в Sublime Text 3. Надеюсь, что данная статья была вам полезна. С вами был Corvax. Оставляйте ваши комментарии, учитесь, развивайтесь и успехов вам дорогие друзья.
Подписывайтесь на наш канал в Telegram и на YouTube для получения самой последней и актуальной информации.