Sublime text 3 как пользоваться: Краткое руководство по Sublime Text

Краткое руководство по Sublime Text

Sublime Text — один из лучших текстовых редакторов в мире. Количество встроенных функций и расширений, которые доступны благодаря плагинам восхищает даже самого искушенного пользователя. Git, Vim, Python, Shell Script, регулярные выражения — все лучшие изобретения человечества собраны в этой маленькой программе. Приложение невероятно красиво и удобно в использовании. Один раз открыв Sublime вы не закроете его никогда.

Установка

Скачать установочные файлы можно на официальном сайте продукта. У приложения есть версии для OS X, Windows и Linux.

Удивительно, но столь функциональное приложение весит всего лишь чуть более 7 мегабайт. Установка мгновенна и не требует участия пользователя.

Пользоваться продуктом без ограничений функций можно бесплатно, но приложение иногда очень ненавязчиво напоминает о необходимости приобретения лицензии. Sublime Text один из немногих продуктов, который своим высочайшим качеством вызывает непреодолимое желание поделиться своими кровными с разработчиками. Тем более что текстовый редактор настолько хорош и стоит гораздо больше, чем те $70, которые за него просят.

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

Основы использования

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

В левом нижнем углу отображается строка и символ, на котором сейчас находится курсор. При наборе текста в Sublime кажется, будто клавиши под пальцами становятся мягче и процесс печати идет резвее.

Если подвести указатель мыши к верхней стороне экрана, то отобразится меню. В разделе File можно сохранить текущий документ или открыть новый для редактирования.

Файл можно сохранить под любым расширением.

И в большинстве популярных кодировок:

Верно и обратное. В Sublime можно открыть файл с любым расширением и кодировкой.

К слову, в Sublime вся введенная информация сохраняется автоматически. Текстовый редактор крайне редко принудительно завершает работу (у меня это было один-единственный раз, когда я пыталась сделать 20 тысяч замен символов в тексте одной командной), но даже в таком случае ни один напечатанный символ не пропадет.

Перемещение по документу

С правой стороны экрана отображается структура текста документа в миниатюре, которая позволяет мгновенно перемещаться из одной части файла в другую.

Переставить курсор на определенную строку или символ можно с помощью меню Goto.

Если полоса прокрутки случайно убежала далеко от местоположения курсора, то выручит пункт меню Scroll — > Scroll To Selection.

Но самая мощь Sublime ощущается при использовании закладок. Добавить закладку в текст можно с помощью пункта меню Goto -> Bookmarks -> Toogle Bookmark. Перемещаться между закладками можно с помощью команд Next Bookmark и Previous Bookmark.

Поиск и замена

Если выбрать пункт меню Find ->Find, то внизу экрана появится панель поиска.

C окошком для ввода искомых символов и кнопками в правой части экрана все понятно. Разберемся для чего нужны иконки в левом нижнем углу экрана.

Самая левая кнопка включает поддержку регулярных выражений. Объяснять что это такое и зачем они нужны в этой статье не будем. Об этом лучше почитать у Джеффри Фридла.

Следующая за ней кнопка делает поиск чувствительным к регистру.

Кнопка с двумя кавычками настраивает поиск на нахождение только точных совпадений. Пример: на запрос «7» найдется только » 7 «, а «87» и «78» не найдется.

По умолчанию, поиск идет в тексте начиная от текущего положения курсора и далее вправо и вниз (по ходу чтения). Кнопка с перевернутой стрелкой позволяет сменить это направление на противоположное.

Рядом с белым окном находится кнопка, которая подсвечивает все найденные в тексте совпадения. А кнопка слева от нее ограничивает область поиска выделенным фрагментом.

Аналогичная панель появляется при вызове пункта меню Find -> Replace.

Палитра команд

Для повышения продуктивности многие команды можно запускать из палитры команд, которая открывается из пункта меню Tools -> Command Palette.

Темы

Стандартный внешний вид Sublime безупречен. Для тех кто с этим не согласен есть пара десятков дополнительных тем оформления. Они доступны из пункта меню Preferences — > Color Sheme.

Настройки

Настройки Sublime меняются путем редактирования текста конфигурационного файла. К каждому параметру прилагается как минимум один абзац пояснений, что позволяет без труда разобраться что к чему. Обратите внимание, что выбранную тему оформления тоже можно менять через текст конфигурационного файла.А теперь перейдем к функциям Sublime, которые делают его великолепным редактором кода.

Подсветка синтаксиса

Подсветка синтаксиса в этом текстовом редакторе выглядит просто волшебно. Вот, к примеру, немного PHP и SQL:А вот HTML + JavaScript:

Sublime Text умеет эффектно подсвечивать код, написанный на трех десятках языков программирования.

• AppleScript;
• ActionScript;
• C;
• C++;
• C#;
• CSS;
• D;
• Dylan;
• Erlang;
• HTML;
• Groovy;
• Go;
• Haskell;
• Java;
• JavaScript;
• LaTeX;
• Lisp;
• Lua;
• Markdown;
• MATLAB;
• OCaml;
• Perl;
• PHP;
• Python;
• R;
• Ruby;
• SQL;
• TCL;
• XML;
• YAML.

Чтобы включить соответствующие оформление надо просто сохранить файл под правильным расширением.

Если вам нужно подсвечивать Brain Fuck, Fortran или еще какую-нибудь экзотику, то можно написать для этой цели собственный плагин или установить уже готовый.

Автодополнение кода

Sublime можно полюбить только за то, что кавычки и скобки в нем не нужно набирать два раза.

Стоит ввести в Sublime один символ, как он тут же предложит варианты завершения строки:

Для людей которые любят называть переменные наподобие «$moyPosledniyZimniyDenKogdaYaKatalsyaNaKonkah» эта функция бесценна.

Сворачивание кода

Если при взгляде на код голова кругом идет от иерархии циклов и условий, то значит это плохой код чтобы в нем разобраться без Sublime не обойтись. Слева, в том месте где отображается нумерация строк возле начала циклов и условий есть засечки, которые позволяют скрывать ненужные блоки кода. Для PHP эта функция работает отлично:

Сниппеты

Сниппет — это фрагмент кода или текста для многократного использования. В пункте меню Tools -> Snippets есть несколько десятков сниппетов для веб-разработчиков.

При желании можно создавать собственные сниппеты и использовать коллекции чужих сниппетов.

Проекты

Еще одна замечательная функция Sublime, которая пригодится не только программистам — возможность объединить несколько файлов в один проект, что позволяет открывать и закрывать эти файлы одним движением руки, а также применять к ним групповые операции.

Чтобы отобразить в Sublime боковую панель с обозревателем файлов необходимо перетащить нужную папку на поле для набора текста.

Теперь можно сохранить выбранные файлы в виде проекта с помощью пункта меню Project -> Save Project As. После этого файлами можно манипулировать как отдельным проектом.

Сочетания клавиш

Для каждой команды в Sublime есть сочетание клавиш, которое позволяет мгновенно ее запускать. Их очень легко выучить, так как они написаны возле соответствующего пункта меню.

Макросы

Для автоматизации своих действий в Sublime не нужно знать ни одного языка программирования. Ведь есть функция записи активностей пользователя. Для начала записи макроса необходимо выбрать пункт меню Tools — > Start Record Macro и выполнить необходимые действия.

Для запуска записанного макроса используется команда Playback Macro. Записанный макрос можно сохранить под расширением sublime-macro и делиться им с другими пользователями.

Vim

Гарантированный способ повысить скорость набора кода — научиться работать в текстовом редакторе vim, который существует уже почти четверть века. Он позволяет работать с текстом не притрагиваясь к мыши или трекболу. Это повышает производительность труда как минимум на треть. Задача освоения vim не самая простая, но она стоит того, чтобы за нее взяться.

Для работы в режиме Vim, в стандартной комплектации Sublime есть плагин Vintage Mode. По умолчанию он находится в неактивном состоянии. Включить его можно прописав в конфигурационном файле значение true для параметра vintage_start_in_command_mode.

"vintage_start_in_command_mode": true

И указать каким образом будет производиться вход и выход из vim режима:

{ "keys": ["j", "j"], "command": "exit_insert_mode",
    "context":
    [
        { "key": "setting.command_mode", "operand": false },
        { "key": "setting.is_widget", "operand": false }
    ]
}

Если вы пока еще не работали с vim, то велика доля вероятности что вам стоит научиться это делать. Вот эту картинку можно поставить на рабочий стол и в минуты размышлений созерцать ее и запоминать комбинации клавиш для vim/Vintage Mode для Sublime:

Плагины

Скачать различные плагины для Sublime можно на сайте Package Control. Вот небольшая подборка дополнений, которые на мой взгляд являются самыми полезными:

• Package Control. Это дополнение позволяет управлять всеми плагинами для Sublime;
• Git. Плагин для работы с популярной системой контроля версий;
• Terminal. Использование командной строки в разы ускоряет работу с файлами проекта;
• Alignment. Выравнивает отступы в HTML, CSS, JavaScript и PHP;
• Trimmer. Убирает лишние пробелы;
• ColorPicker. Мгновенно подбираем цвет и вставляем в текст его шестнадцатеричный код;
• MarkdownEditing. Удобная подсветка синтаксиса Markdown.

Написать свой плагин для Sublime может любой разработчик, владеющий языком Python. Подробнее о Sublime API и написании плагинов можно прочитать в статье How to create a Sublime Text 2 Plugin.

Где искать дополнительную информацию

На русском языке

На habrahabr.ru можно найти много интересных статей по тегам Sublime и Sublime Text 2.

Есть сайт с русскоязычной документацией по Sublime, но на данный момент на нем довольно мало информации.

На английском языке

О новых версиях можно почитать в официальном блоге продукта.

У пользователей Sublime Text есть форум, на котором за все время создано около 15 тысяч тем и каждый человек может задать свой вопрос.

О Sublime Text издана отдельная книга, которая содержит самое полное руководство по использованию текстового редактора. Стоит она 40 долларов, но ее авторы гарантируют, что это скромная инвестиция окупится мгновенно.

Для владельцев iOS-девайсов:

• Ошибка «Обнаружен iPhone, но его не удалось правильно идентифицировать» — как исправить
• Как скинуть фото с айфона на комп через айтюнс
• Как делиться покупками в семейном доступе на iPhone

✅ Подписывайтесь на нас в Telegram, ВКонтакте, и Яндекс.Дзен.

Как настроить Sublime Text 3 для вёрстки сайтов?

Здравствуйте, слышал что сейчас самый лучший редактор для  редактирования кода страниц (html) и тектов это sublime, расскажите как его установить и как использовать?

У веб дизайн мастера, есть очень классная инструкция:

Руководство по быстрой настройке редактора кода Sublime Text 3, установке необходимых для вёрстки плагинов и создании своего пресета настроек для быстрого старта на новом рабочем месте.

Вам наверняка знакома ситуация, когда на новом рабочем месте необходимо быстро установить и настроить Sublime Text для работы над новыми проектами. Как правило, тонкая настройка Sublime Text занимает много времени и выполнять её каждый раз не практично и долго.

Сегодня мы рассмотрим максимально быструю настройку Sublime Text, самые популярные среди верстальщиков плагины для ускорения вёрски и установим одну из лучших и комфортных тем оформления редактора One Dark Material Theme.

По-умолчанию Sublime Text выглядит довольно печально:

Установка Package Control в Sublime Text

Для начала необходимо настроить Package Control. Для этого нажимаем хоткей Ctrl+Shift+P. Во всплывающем окне набираем Install Package Control и выбираем соответствующий пунк. Через несколько секунд Package Control будет установлен, о чём вы получите соответствующее уведомление.

Если вы пользователь MacOS, необходимо нажать на клавиатуре Cmd+Shift+P.

Package Control необходим для того, чтобы вы могли устанавливать дополнения и плагины в Sublime Text 3 из репозитория пакетов.

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

Далее необходимо установить нужные для работы плагины. Мы рассмотрим установку самых популярных среди верстальщиков плагины, которые значительно упрощают разработку. Вы также можете поэкспериментировать с другими плагинами в Package Control, может быть вам понравятся и другие из огромного количества доступных пакетов.

Для установки плагинов в Sublime Text через Package Control необходимо вызвать меню, как мы это делали ранее: Ctrl+Shift+P. Затем вводим команду «Install Package» и выбираем нужный пакет из списка.

Самые популярные плагины для Sublime Text:

• Emmet — ускоряет написание HTML и CSS кода до скорости света. Урок по Emmet;
• AutoFileName — дополняет код при написании путей до файлов в вёрстке;
• Gist — подключает в Sublime Text возможность использовать сервис сниппетов кода GitHub Gist. Урок по Gist;
• Sass — плагин для подсветки Sass синтаксиса в Sass и Scss файлах. Раскрывает Emmet в Sass файлах.
• terminus — плагин встроенного терминала Sublime Text.
• W3​CValidators — мощный набор валидаторов для HTML разметки, CSS, SVG и т.д.

Установка внешнего оформления Sublime Text

Мне очень нравится тема оформления One Dark Material Theme и подсветка кода соответствующей цветовой гаммой. Это наиболее сбалансированные, достаточно контрастные, но не слишком резкие цвета для комфортной работы в редакторе.

Дя установки цветового оформления One Dark нам необходимо доустановить следующие пакеты через Package Control:

• One Dark Color Scheme — цветовая схема для подсветки кода;
• One Dark Material — Theme — тема оформления UI Sublime Text.

Установка плагина вручную

Некоторые плагины более не обновляются в Package Control или просто там не фигурируют. Кое-какие из этих плагинов имеют жизненную необходимость при работе с кодом и их приходится устанавливать вручную.

Один из таких плагинов BufferScroll — потрясающий плагин, который при повторном открытии документа устанавливает курсор на том месте, на котором вы закончили редактирование в прошлый раз, тем самым сокращая время на поиск нужной позиции для продолжения работы.

Для установки BufferScroll вручную, перейдите на GitHub страницу плагина, скачайте и распакуйте его в любое удобное место на вашем диске. Далее в Sublime Text выбираем пункт меню Preferences > Browse Packeges. Откроется папка пользовательских данных на вашем диске. Скопируйте сюда папку, содержащую файлы Buffer Scroll и перезапуститие Sublime Text. Теперь плагин работает.

Тонкая настройка редактора, пресет моих настроек

Переходим к настройкам Sublime Text.

Предтавляю мой пресет настроек, который я всегда использую для стартовой настройки редактора Sublime Text на новом рабочем месте или после переустановки системы. Вы можете использовать данный пресет в вашем редакторе и кастомизировать его при необходимости:

Keymap (Windows Users):
	[
	{ "keys": ["alt+shift+f"], "command": "reindent" },
	]
	Settings:
	{
	"show_definitions": false,
	"auto_complete": false,
	"bold_folder_labels": true,
	"color_scheme": "Packages/One Dark Material - Theme/schemes/OneDark.tmTheme",
	"fold_buttons": false,
	"font_size": 13,
	"highlight_line": true,
	"indent_guide_options":
	[
	"draw_normal",
	"draw_active"
	],
	"line_padding_bottom": 2,
	"line_padding_top": 2,
	"margin": 2,
	"material_theme_compact_sidebar": true,
	"material_theme_compact_panel": true,
	"material_theme_small_statusbar": true,
	"material_theme_small_tab": true,
	"tab_size": 2,
	"theme": "OneDarkMaterial.sublime-theme",
	"word_wrap": "false",
	}

Код пресета для пользовательских настроек (Preferences.

sublime-settings | Preferences > Settings) — отдельно:

{
	"show_definitions": false,
	"auto_complete": false,
	"bold_folder_labels": true,
	"color_scheme": "Packages/One Dark Material - Theme/schemes/OneDark.tmTheme",
	"fold_buttons": false,
	"font_size": 13,
	"highlight_line": true,
	"indent_guide_options":
	[
	"draw_normal",
	"draw_active"
	],
	"line_padding_bottom": 2,
	"line_padding_top": 2,
	"margin": 2,
	"material_theme_compact_sidebar": true,
	"material_theme_compact_panel": true,
	"material_theme_small_statusbar": true,
	"material_theme_small_tab": true,
	"tab_size": 2,
	"theme": "OneDarkMaterial.sublime-theme",
	"word_wrap": "false",
	}

Код пресета для пользовательских клавиатурных сокращений (Default (Windows).sublime-keymap | Preferences > Key Bindings) — отдельно:

[
	{ "keys": ["alt+shift+f"], "command": "reindent" },
	]

Теперь при выделении и по нажатию Alt+Shift+F ваш код будет автоматически выравниваться отступами с соответствующей иерархией вложенности элементов.

Разместив данные сниппеты в соответствующих файлах настроек вы получите полностью готовый к рабое, настроенный Sublime Text или можете настроить редактор под себя. В настройках есть два поля — левое с дефолтными настройками и правое с пользовательскими. В дефолтных настройках вы можете увидеть подсказки к каждому свойству и применить его в правой части скопировав и установив своё значение.

Узнать какое свойство за что отвечает довольно просто — все свойства имеют интуитивно понятные наименования на английском языке. Любое свойство из большого обилия доступных настроек можно просто перевести на русский язык и понять, что оно означает.

Для того, чтобы сделать бэкап всех ваших настроек и быстро развернуть Sublime Text на другом рабочем месте, достаточно скопировать папку

«C:\Users\{Ваш пользователь}\AppData\Roaming\Sublime Text 3»
в потаённое резервное место на вашем диске или на флешку, а затем разместить у другого юзера или на другом компьютере в этой-же директории под пользователем.

Также дополнительно на ваше усмотрение можно отключить миникарту справа и скрыть меню. Это можно сделать перейдя в меню View > Hide Minimap и View > Hide Menu. Показать меню можно нажатием клавишы Ctrl на клавиатуре.

Источник: https://webdesign-master.ru/blog/tools/2017-03-13-sublime-text-3-setup.html

Введение | Документация сообщества Sublime Text

Добро пожаловать в проект документации, управляемый сообществом для редактора Sublime Text!

Sublime Text (открывается в новом окне) — универсальный, веселый и быстрый текстовый редактор. для кода и прозы, которая автоматизирует повторяющиеся задачи чтобы вы могли сосредоточиться на важных вещах. Он поддерживается в macOS, Windows и Linux. Его универсальность обусловлена широкий спектр сторонних пакетов, разработанных сообществом которые обеспечивают подсветку синтаксиса, фрагменты, или другая автоматизация, поддерживаемая плагинами Python (opens new window). Распространение Sublime Text по умолчанию стремится предоставить базовый, но очень функциональный набор функций, но его легко можно превратить в полноценную IDE, если так хочется.

В этом руководстве вы научитесь эффективно использовать Sublime Text и как его продлить с функциональностью, которая обслуживает ваш рабочий процесс.

Если вы только начинаете работать с Sublime Text и уже установил его, мы рекомендуем начать со страницы основных понятий. В противном случае, не стесняйтесь использовать боковую панель слева чтобы перейти к интересующей вас теме.

Если вас интересуют мельчайшие детали как вы можете настроить и расширить Sublime Text по своему вкусу, загляните в справочный раздел этого руководства через панель навигации вверху. Вы всегда можете вернуться на эту страницу нажав «Руководство» на той же панели.

Приятного обучения!

Последнее замечание, прежде чем погрузиться в

Вы можете переключать тему страницы с помощью шестеренки на верхней панели навигации. Для изменения темы и использования панели поиска требуется JavaScript, потому что это статически размещенный сайт. Кроме этого, этот сайт можно использовать без JavaScript.

История

Неофициальная документация по Sublime Text была основана Гильермо Лопес-Англада (opens new window) в 2010 году. а позже к ним присоединился FichteFoll (opens new window) в 2013 г., получение бесчисленных взносов другими членами сообщества на протяжении всей его жизни. В 2014 году он был поддержан сбором средств и поддерживается частными лицами и Sublime HQ Pty Ltd.

После этой версии документации первоначально размещался на http://docs.sublimetext.info/, упал в ноябре 2019 и сопровождающий как репо, так и домен связаться больше не удалось, проект был раздвоение оригинала под более старой, более разрешительной лицензией и перезагрузился в своем текущем домене https://docs.sublimetext.io/ (открывается в новом окне). В процессе, базовая структура рендеринга разметки была изменена от Sphinx (открывается в новом окне) до Vuepress (открывается в новом окне) и документы были реструктурированы в два основных раздела руководства и справочника вы можете увидеть на панели навигации вверху.

Участие в документации

Если вы хотите внести свой вклад в эту документацию, перейдите на Репозиторий GitHub (открывается в новом окне). Вы также найдете ссылку «Редактировать эту страницу». внизу каждой страницы который перенаправит вас непосредственно в исходный файл страницы, которую вы сейчас просматриваете. Пожалуйста, ознакомьтесь с нашими правилами по взносам (открывается в новом окне) для форматирования вопросов.

ярлыков и советов по повышению производительности с помощью Sublime Text — Smashing Magazine

• 14 минут чтения
• Кодирование, Инструменты, Рабочий процесс
• Поделиться в Twitter, LinkedIn

Об авторе

Джай Пандья — разработчик веб-приложений с полным стеком, специализирующийся на создании масштабируемых платформ. Он был одним из первых инженеров SlideShare, а позже работал в …

Подробнее о Jai ↬

Sublime Text, без сомнения, является одним из самых мощных текстовых редакторов. Об этом свидетельствует количество довольных пользователей. Если вы изучите его, вы в конечном итоге увидите, как красиво его мощные функции скрыты за простым и элегантным интерфейсом. Если вы уже некоторое время используете Sublime Text, сейчас самое время обновить свой арсенал новыми боеприпасами. Я познакомлю вас с некоторыми из моих любимых советов и приемов. Знание их может просто раскрыть миру ваши скрытые способности программиста.

Sublime Text, без сомнения, один из самых мощных текстовых редакторов. Об этом свидетельствует количество довольных пользователей. Если вы изучите его, вы в конечном итоге увидите, как красиво его мощные функции скрыты за простым и элегантным интерфейсом.

Если вы использовали Sublime Text в течение некоторого времени, сейчас самое время обновить свой арсенал новыми боеприпасами. Я познакомлю вас с некоторыми из моих любимых советов и приемов. Знание их может просто раскрыть миру ваши скрытые способности программиста.

Дополнительная литература на SmashingMag:

• 50 Мощные инструменты для экономии времени для веб-дизайнеров
• Мощные советы, инструменты и рекомендации по рабочим процессам для веб-дизайнеров
• Как организовать рабочий процесс кодирования

Пакет Sublime2 9004 Плагины 6

Package Control — это универсальное решение для загрузки и управления плагинами и темами, связанными с Sublime Text. Инструкции по установке доступны на веб-сайте Package Control.

Еще после прыжка! Продолжить чтение ниже ↓

После установки вы можете получить к нему доступ с помощью палитры команд. Чтобы установить плагин, нажмите Cmd ⌘ + Shift ⇧ + P (Mac) или Ctrl ⌃ + Shift ⇧ + P (Windows и Linux), а затем введите Install Package и нажмите «Return». Список плагинов в репозитории загружается несколько секунд, но затем вы можете ввести название интересующего вас плагина и установить его оттуда. Некоторые из моих любимых плагинов перечислены ниже.

Управление пакетами.

Боковая панель Sublime Text по умолчанию может выполнять только некоторые ограниченные задачи. Плагин Sidebar Enhancements дополняет Sublime Text командами для открытия файла в браузере, копирования, вставки, копирования пути, дублирования, удаления и многого другого.

Улучшения боковой панели.

Plain Tasks

Plain Tasks превращает Sublime Text в мощный менеджер списков дел. Вы можете установить его через Package Control. Создайте файл с расширением .todo , чтобы активировать Plain Tasks поверх него. Чтобы получить другие советы, вы можете получить доступ к учебному пособию, предоставленному в плагине, доступном в «Настройки» → «Настройки пакета» → «Обычные задачи» → «Учебное пособие».

для новой задачи:

• CMD ⌘ + возврат ени (MAC)
• Ctrl ⌃ + D (Windows and Linux)

. Простые задачи.

Sublime Linter

Проверьте код на наличие ошибок с помощью Sublime Linter. Плагин предоставляет основу для линтинга вашего кода. Фактический линтинг выполняется различными плагинами (для Ruby, Python, JavaScript и т. д.), что означает, что вам нужно сначала установить Sublime Linter, а затем установить линтеры для конкретного синтаксиса для вашего кода. Доступна обширная документация.

Возвышенный Линтер.

Emmet

Emmet, когда-то известный как Zen Coding, является незаменимым инструментом для любого веб-разработчика. Это, вероятно, самый производительный и экономящий время плагин, который вы когда-либо найдете.

Написание кода требует времени, а рутинная работа с HTML, такая как написание тегов и заключение классов в кавычки, может быть скучной. Эммет позаботится обо всем этом. Он волшебным образом расширяет аббревиатуры до целой структуры HTML или CSS. Синтаксис, который он использует для этих сокращений, вдохновлен селекторами CSS. Давайте посмотрим на это в действии.

Эммет.

Sublime Tutor

Sublime Tutor — это интерактивный учебник в редакторе по сочетаниям клавиш в Sublime Text. Если вы только начали работать с Sublime Text, плагин мгновенно повысит вашу производительность, дав вам полезные советы и приемы в самом редакторе. Плагин использует технику интервального повторения, чтобы убедиться, что вы помните команды, которым он учит.

Великолепный наставник.

Используйте Package Control для установки плагина. После его установки вы можете получить доступ к репетитору через меню «Справка» или Ctrl ⌃ + Alt ⌥ + K сочетание клавиш.

Функции Sublime Text

Перейти к чему угодно

Это, вероятно, самая мощная и наиболее часто используемая команда в Sublime Text. С легкостью перемещайтесь по файлам, папкам, символам и линиям.

Чтобы перейти к файлу:

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows и Linux)

Нажмите на клавиатуре короткий код имени файла и начните вводить его. Sublime Text выполнит нечеткий поиск и мгновенно найдет нужный файл.

Перейти к символу:

• CMD ⌘ + R (MAC)
• Ctrl ⌃ + R (Windows and Linux)

. Mac)

Ctrl ⌃ + G (Windows и Linux)

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

Идти куда угодно.

Выбор слова

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows и Linux)

Наведите курсор на слово, нажмите короткий код клавиатуры, и слово будет мгновенно выбрано. Если вы снова нажмете ту же комбинацию клавиш, Sublime Text перейдет в режим множественного выбора и выберет другие экземпляры того же слова в документе. Вы можете использовать этот метод для быстрого добавления или замены текста во всех экземплярах слова.

Выбор слова.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows и Linux)

Это еще один способ добиться того же. Вместо постепенного поиска слова он выполняет массовый поиск слова под курсором и переключается в режим множественного выбора.

Расширить область выделения

• Cmd ⌘ + Shift ⇧ + пробел ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + пробел ␣ (для Windows и Linux) . Он выбирает текущую область. Повторное нажатие той же комбинации клавиш выбирает родительскую область. Видео объясняет, как это работает:
  Расширить выбор до области.

  Разбить выделение на строки

  • Cmd ⌘ + Shift ⇧ + L (Mac)
  • Ctrl ⌃ + Shift ⇧ + L (Windows и Linux)

  Используйте эту комбинацию клавиш, чтобы разбить выделенную область на несколько строк , переводя Sublime Text в режим множественного выбора. Я использую этот трюк, чтобы быстро преобразовать список слов в закрытый массив строк.

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

  Выбор столбца

  • Ctrl ⌃ + Shift ⇧ + Вверх ↑ / Вниз ↓ (Mac)
  • Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Win)
  • Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

  Используйте этот ярлык для выбора столбца в Sublime Текст. Поместите курсор в любом месте документа, а затем нажмите ярлык, чтобы выбрать столбцы вверх или вниз. Это также переводит вас в режим множественного выбора, как две команды выше.

  Выбор столбца.

  Сортировка

  • F5 (Mac)
  • F9 (Windows и Linux)

  Мне нравится сортировать свойства CSS в алфавитном порядке. Эта команда чрезвычайно полезна для этого. Выберите блок, который нужно отсортировать (совет для профессионалов: используйте Ctrl ⌃ + Shift ⇧ + J , чтобы выбрать уровень отступа), а затем нажмите шорткод на клавиатуре.

  Сорт.

  Включить проверку орфографии

  • F6

  Больше не нужно разочаровываться из-за типографских ошибок после того, как код дошел до этапа проверки. Используйте эту клавишу для быстрого переключения проверки орфографии.

  Включить проверку орфографии.
  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows и Linux)

  Это один из моих наиболее часто используемых ярлыков. С помощью этого сочетания клавиш пометка комментариев на любом языке программирования упрощается. В файле HTML он помещает пару тегов , а в JavaScript он помещает // в начале строки.

  Комментарий.

  Поднятие строки вверх или вниз

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Вверх ↑ / Вниз ↓ (Windows и Linux)

  Хотите переместить фрагмент кода на пять строк вверх? Вырезать и вставлять — это действительно старая школа. Используйте эту привязку клавиш, чтобы переместить фрагмент куда угодно. Нажмите ярлык еще раз, чтобы продолжить перемещение вверх или вниз.

  Поднять линию вверх или вниз.

  Дублировать выделение

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows и Linux)

  По умолчанию этот ярлык дублирует текущую строку и помещает ее на следующую строку. Если вы выберете регион и нажмете этот ярлык, он дублирует весь регион.

  Повторяющийся выбор.

  Соединить две строки

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows и Linux)

  Соединяет следующую строку с текущей строкой, заменяя все пробелы между ними символом единое пространство. Выполняется на блоке линий, соединяет все линии вместе.

  Соединить две линии.

  Перейти к соответствующей скобке

  • Ctrl ⌃ + M

  Используйте эту команду для перемещения курсора из одной позиции скобки в другую. Это особенно полезно, когда вы заблудились в длинном методе и хотите достичь исходной позиции (или наоборот).

  Перейти к соответствующей скобе.

  Закрыть тег HTML

  • Cmd ⌘ + Opt ⌥ + . (Mac)
  • Alt + . (Windows и Linux)

  Используйте этот ярлык, чтобы закрыть текущий открытый тег HTML. Он вставляет соответствующий закрывающий тег в текущее положение курсора.

  Закрыть тег HTML.

  Найти в проекте

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows и Linux)
  7

  1 Эквивалент greplime Text

  Он находит термин в рамках всего проекта. Особенность этой команды в том, что она молниеносная. Есть варианты сделать его чувствительным к регистру, а также выполнить соответствие регулярному выражению.

  Для поиска определенного термина в текущем документе по всему проекту поместите курсор на этот термин и нажмите Ctrl ⌃ + E , что поместит этот термин в поле поиска. Нажатие на шорткод выше заполняет поле поиска по всему проекту этим термином.

  Найти в проекте.

  Переключатель между вкладками

  • CMD ⌘ + Shift ⇧ + [ или ] (MAC)
  • CTRL ⌃ + Page UP ⇞ или Страница ⇟ (Windows и Linux)
  9001 или Down ⇟ (Windows и Linux) 9001

  2 . веб-браузере, вы можете открыть несколько вкладок в Sublime Text. Для перехода с одной вкладки на другую можно использовать сочетания клавиш, отмеченные выше, и использовать Cmd ⌘ + T (Mac) или Ctrl ⌃ + N (Windows и Linux), чтобы создать новую вкладку.

  Переключение между вкладками.

  Палитра команд

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows и Linux)

  Как только вы станете профессионалом в работе с текстом доступ к меню все меньше и меньше и вместо этого иметь возможность делать все с помощью нескольких нажатий на клавиатуру. С помощью палитры команд вы можете быстро ввести команду, а Sublime Text выполнит нечеткое сопоставление с существующим набором команд, позволяя вам получить доступ к командам из удобного места.

  Вот некоторые вещи, которые вы можете попробовать в палитре команд — установить синтаксис вновь созданного файла, отсортировать строки в текущем документе и установить плагин с помощью управления пакетами.

  Палитра команд.

  Показать консоль

  • Ctrl ⌃ + `

  Sublime Text поставляется со встроенным интерпретатором Python. Это удобный инструмент для выполнения команд Python или быстрого тестирования API-интерфейсов Sublime Text при разработке плагина для редактора.

  Выбор столбца.

  Сортировка

  • F5 (Mac)
  • F9 (Windows и Linux)

  Мне нравится сортировать свойства CSS в алфавитном порядке. Эта команда чрезвычайно полезна для этого. Выберите блок, который нужно отсортировать (совет для профессионалов: используйте Ctrl ⌃ + Shift ⇧ + J , чтобы выбрать уровень отступа), а затем нажмите шорткод на клавиатуре.

  Сорт.

  Включить проверку орфографии

  • F6

  Больше не нужно разочаровываться из-за типографских ошибок после того, как код дошел до этапа проверки. Используйте эту клавишу для быстрого переключения проверки орфографии.

  Включить проверку орфографии.
  • Cmd ⌘ + / (Mac)
  • Ctrl ⌃ + / (Windows и Linux)

  Это один из моих наиболее часто используемых ярлыков. С помощью этого сочетания клавиш пометка комментариев на любом языке программирования упрощается. В файле HTML он помещает пару тегов , а в JavaScript он помещает // в начале строки.

  Комментарий.

  Поднятие строки вверх или вниз

  • Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
  • Shift ⇧ + Ctrl ⌃ Вверх ↑ / Вниз ↓ (Windows и Linux)

  Хотите переместить фрагмент кода на пять строк вверх? Вырезать и вставлять - это действительно старая школа. Используйте эту привязку клавиш, чтобы переместить фрагмент куда угодно. Нажмите ярлык еще раз, чтобы продолжить перемещение вверх или вниз.

  Поднять линию вверх или вниз.

  Дублировать выделение

  • Cmd ⌘ + Shift ⇧ + D (Mac)
  • Ctrl ⌃ + Shift ⇧ + D (Windows и Linux)

  По умолчанию этот ярлык дублирует текущую строку и помещает ее на следующую строку. Если вы выберете регион и нажмете этот ярлык, он дублирует весь регион.

  Повторяющийся выбор.

  Соединить две строки

  • Cmd ⌘ + J (Mac)
  • Ctrl ⌃ + J (Windows и Linux)

  Соединяет следующую строку с текущей строкой, заменяя все пробелы между ними символом единое пространство. Выполняется на блоке линий, соединяет все линии вместе.

  Соединить две линии.

  Перейти к соответствующей скобке

  • Ctrl ⌃ + M

  Используйте эту команду для перемещения курсора из одной позиции скобки в другую. Это особенно полезно, когда вы заблудились в длинном методе и хотите достичь исходной позиции (или наоборот).

  Перейти к соответствующей скобе.

  Закрыть тег HTML

  • Cmd ⌘ + Opt ⌥ + . (Mac)
  • Alt + . (Windows и Linux)

  Используйте этот ярлык, чтобы закрыть текущий открытый тег HTML. Он вставляет соответствующий закрывающий тег в текущее положение курсора.

  Закрыть тег HTML.

  Найти в проекте

  • Cmd ⌘ + Shift ⇧ + F (Mac)
  • Ctrl ⌃ + Shift ⇧ + F (Windows и Linux)
  7

  1 Эквивалент greplime Text

  Он находит термин в рамках всего проекта. Особенность этой команды в том, что она молниеносная. Есть варианты сделать его чувствительным к регистру, а также выполнить соответствие регулярному выражению.

  Для поиска определенного термина в текущем документе по всему проекту поместите курсор на этот термин и нажмите Ctrl ⌃ + E , что поместит этот термин в поле поиска. Нажатие на шорткод выше заполняет поле поиска по всему проекту этим термином.

  Найти в проекте.

  Переключатель между вкладками

  • CMD ⌘ + Shift ⇧ + [ или ] (MAC)
  • CTRL ⌃ + Page UP ⇞ или Страница ⇟ (Windows и Linux)
  9001 или Down ⇟ (Windows и Linux) 9001

  2 . веб-браузере, вы можете открыть несколько вкладок в Sublime Text. Для перехода с одной вкладки на другую можно использовать сочетания клавиш, отмеченные выше, и использовать Cmd ⌘ + T (Mac) или Ctrl ⌃ + N (Windows и Linux), чтобы создать новую вкладку.

  Переключение между вкладками.

  Палитра команд

  • Cmd ⌘ + Shift ⇧ + P (Mac)
  • Ctrl ⌃ + Shift ⇧ + P (Windows и Linux)

  Как только вы станете профессионалом в работе с текстом доступ к меню все меньше и меньше и вместо этого иметь возможность делать все с помощью нескольких нажатий на клавиатуру. С помощью палитры команд вы можете быстро ввести команду, а Sublime Text выполнит нечеткое сопоставление с существующим набором команд, позволяя вам получить доступ к командам из удобного места.

  Вот некоторые вещи, которые вы можете попробовать в палитре команд — установить синтаксис вновь созданного файла, отсортировать строки в текущем документе и установить плагин с помощью управления пакетами.

  Палитра команд.

  Показать консоль

  • Ctrl ⌃ + `

  Sublime Text поставляется со встроенным интерпретатором Python. Это удобный инструмент для выполнения команд Python или быстрого тестирования API-интерфейсов Sublime Text при разработке плагина для редактора.

  Имейте в виду, что этот интерпретатор поставляется в комплекте с Sublime Text и отличается от Python, установленного в вашей системе. Цель этой консоли — взаимодействовать с API Sublime Text для плагинов. Вероятно, вы использовали эту консоль при установке Package Control.

  Показать консоль.

  Чтобы узнать, что можно сделать с помощью API плагинов Sublime Text, обратитесь к документации.

  Режим без отвлекающих факторов

  • Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
  • Shift ⇧ + F11 (Windows и Linux)

  1 внимательно сконцентрируйтесь, Sublime Text имеет еще более минималистичный интерфейс. Используйте ярлык для включения и выключения режима без отвлечения внимания.

  Режим без отвлекающих факторов.

  Text Command-Line Helper

  Sublime Text включает инструмент командной строки, который упрощает работу с файлами в командной строке. Чтобы заставить его работать на Mac, вам нужно сделать его доступным в вашей оболочке.

  Предполагая, что вы поместили Sublime Text в папку «Приложения» и у вас есть каталог ~/bin , вы можете запустить следующее:

  ln -s "/Приложения/Возвышенное
  Text.app/Contents/SharedSupport/bin/subl" ~/bin/возвышенное
   

  Текстовый помощник командной строки.