Как сделать код читабельным sublime text
Добавил пользователь Евгений Кузнецов Обновлено: 04.10.2024
Сохрани файл. Набери, например, . Поставив курсор между кавычек, плагин сам покажет варианты автокомплита. Если не показывает, значит в директории, где сохранил файл, больше нет ничего.
Подскажите пожалуйста, как использовать AutoFileName, на их сайте написано, что нужно нажать Ctrl+space, но у меня при нажатии этих клавиш выдается стандартная менюшка выбора вариантов автовставки. Что я не так делаю?
Добавь еще горячую клавишу - нажатие колёсика мыши и выделения вниз. Если знаешь это функцию, поймешь как описать.
Sublime Text — один из лучших текстовых редакторов в мире. Количество встроенных функций и расширений, которые доступны благодаря плагинам восхищает даже самого искушенного пользователя. Git, Vim, Python, Shell Script, регулярные выражения — все лучшие изобретения человечества собраны в этой маленькой программе. Приложение невероятно красиво и удобно в использовании. Один раз открыв Sublime вы не закроете его никогда.
Установка
Удивительно, но столь функциональное приложение весит всего лишь чуть более 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 умеет эффектно подсвечивать код, написанный на трех десятках языков программирования.
Чтобы включить соответствующие оформление надо просто сохранить файл под правильным расширением.
Если вам нужно подсвечивать 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, в стандартной комплектации Sublime есть плагин Vintage Mode. По умолчанию он находится в неактивном состоянии. Включить его можно прописав в конфигурационном файле значение true для параметра vintage_start_in_command_mode.
И указать каким образом будет производиться вход и выход из vim режима:
Если вы пока еще не работали с vim, то велика доля вероятности что вам стоит научиться это делать. Вот эту картинку можно поставить на рабочий стол и в минуты размышлений созерцать ее и запоминать комбинации клавиш для vim/Vintage Mode для Sublime:
Плагины
-
. Это дополнение позволяет управлять всеми плагинами для Sublime; . Плагин для работы с популярной системой контроля версий; . Использование командной строки в разы ускоряет работу с файлами проекта; . Выравнивает отступы в HTML, CSS, JavaScript и PHP; . Убирает лишние пробелы; . Мгновенно подбираем цвет и вставляем в текст его шестнадцатеричный код; . Удобная подсветка синтаксиса Markdown.
Написать свой плагин для Sublime может любой разработчик, владеющий языком Python. Подробнее о Sublime API и написании плагинов можно прочитать в статье How to create a Sublime Text 2 Plugin.
Где искать дополнительную информацию
На русском языке
Есть сайт с русскоязычной документацией по Sublime, но на данный момент на нем довольно мало информации.
На английском языке
О новых версиях можно почитать в официальном блоге продукта.
У пользователей Sublime Text есть форум, на котором за все время создано около 15 тысяч тем и каждый человек может задать свой вопрос.
О Sublime Text издана отдельная книга, которая содержит самое полное руководство по использованию текстового редактора. Стоит она 40 долларов, но ее авторы гарантируют, что это скромная инвестиция окупится мгновенно.
Верстка
В данном уроке мы разберем где и как скачать редактор кода Sublime Text 4, как его установить на windows и русифицировать его меню, также активируем его при помощи License Key и установим на него Emmet.
Установка Sublime Text 4
Установить Сублайн текст 4 очень просто, для этого его достаточно запустить и щелкать по кнопке далее (next), на этом останавливаться не буду, думаю с этим проблем не возникнет.
Русификация Sublime Text 4
В четвертой версии саблайна уже есть русский язык, его нужно только включить, для этого.
6. Смотрим интерфейс программы Sublime Text 4, теперь все на русском языке.
Альтернативный вариант русификаций
После чего можно менять локализацию, см. пункт 6.
Установка Emmet на sublime text 4.
У вас должен быть установлен Package Control, см. выше пункты 1-3.
Ждем немного, пока не откроется вкладка с содержимым, что Эммет успешно установлен, закрываем все вкладки и перезапускаем редактор. Все можно пользоваться!
В трех словах, о том, как работает Эммет
Для того чтобы построить вот такую конструкцию:
Как вы видите Emmet очень крутое дополнение, которое очень ускоряет процесс верстки, главное уметь правильно им пользоваться) Советую почитать документацию.
Активация Sublime Text 4
Лицензию можно купить в Справка — купить лицензию. Если не хотите покупать ключ за 99$, то их можно поискать в общем доступе, в гугле или яндекс наберите запрос: Sublime Text 4 и дальше crack, Patcher, Keygen или License Key, лично я опробовал около сотни ключей и не нашёл не одного рабочего. Оказывается сублайн поменял условия лицензирования, поэтому как закончился триал, я его удалил и установил Subline Text 3, а лучше пользуйтесь бесплатны VS code не чем не уступает)
Полный список комбинаций горячих клавиш для Sublime Text . Данные комбинации подойдут для любой версии Sublime Text. Список клавиш представлен в 2 вариантах: изображение и текстовый документ.
Советую вам распечатать данный список, чтобы он был всегда на виду.
Работа с текстом
Поиск и замена
Фолдинг
Навигация
Управление окнами
Работа с файлами
Разное
Все файлы из данной записи:
Вам также будет интересно
Готовая форма с отправкой информации через ajax в Telegram
Готовая форма с отправкой файла drag & drop. Поле для передачи файла с помощью перетаскивания его в область
Читайте также: