Sublime text 4 темы как установить
Обновлено: 01.07.2024
Sublime Text 3 – отличный текстовый редактор, однако его можно сделать еще лучше, настроив некоторые параметры. В этой статье мы рассмотрим одну из, на мой взгляд, лучших конфигураций для данного редактора.
Установка Package Control
Для начала нам понадобится установить package control. Он позволит нам быстро изменять некоторые настройки, а также устанавливать расширения.
Для того, чтобы установить package control:
- Перейдите по ссылке
- Выберите нужную вам версию
- Скопируйте весь текст из окошка
- В редакторе перейдите в View->Show Console
- Вставьте в консоль скопированный текст
- Нажмите Enter
- Когда установка будет завершена, перезагрузите редактор
Это все, что требуется сделать, чтобы установить package control. Теперь вы можете вызвать его, перейдя в Preferences->Package Control.
Установка Material Theme
Теперь займемся установкой темы в стиле материального дизайна.
- Откройте package control
- Введите Install package и нажмите Enter, а затем Material Theme
- Нажмите Enter
Теперь перейдите в Preferences->Settings – User. В фигурных скобках вставьте следующий код:
"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme"
Данный код вы можете найти в файле инструкций, который появится сразу после установки темы.
Теперь сохраните файл и перезагрузите редактор.
Установка цветовой схемы
Давайте установим другую цветовую схему.
- Откройте package control
- Введите Colorsublime и нажмите Enter
- Введите Colorsublime: Install Theme и нажмите Enter
- Введите Facebook и нажмите Enter
Изменение цветовой схемы
Теперь немного изменим некоторые параметры цветовой схемы.
Перейдите в Preferences->Browse Packages, откройте папку Colorsublime-Themes, а затем Facebook.tmTheme.
Другие настройки вы можете изменить сами, как вам будет удобнее.
Дополнительные опции
Откройте файл Preferences->Settings – User, добавьте туда следующее:
"line_padding_bottom": 5,
"translate_tabs_to_spaces": true
Установка шрифта
Скачайте шрифт здесь, затем откройте файлик настроек(смотрите выше) и введите туда следующее:
"font_face": "Fira Code"
Сохраните файл. Перезапустите редактор.
Добавление подсветки синтаксиса для шаблонизатора
- Откройте package control
- Введите Laravel Blade Highlighter
- Нажмите Enter
Добавление подсветки синтаксиса для Sass
Проделайте то же самое, что и в пункте выше, но в package control введите Sass.
Установка Emmet
Про то, что такое Emmet и как его установить, вы можете почитать здесь.
Генерация блочных комментариев
Давайте установим расширение, которое позволит нам быстро генерировать блочные комментарии в коде.
- Откройте package control
- Введите DocBlockr
- Нажмите Enter
Теперь вы можете генерировать блочные комментарии, просто введя /** и нажав Enter.
Заключение
Итак, в этой статье мы рассмотрели одну из конфигураций для текстового редактора Sublime Text.
Спасибо за внимание!
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Она выглядит вот так:
Комментарии ( 0 ):
Менеджер пакетов для Sublime. Без него установка и удаление пакетов – сущий ад, поэтому поставить Package Control нужно прежде всего.
Эммет стоял бы номером один, если бы у Саблайма был нормальный менеджер пакетов из коробки. Благодаря ему работа с разметкой становится в разы удобней и быстрее. Например, html + tab создаст готовый каркас для html-документа, а div.wrapper + tab превратится в <div ></div>
Коллекция сокращений сниппетов для JavaScript, которая поможет работать значительно быстрее. Зачем писать document.querySelector('selector’); , когда можно просто написать qs , нажать таб - и дело с концом!
С этим пакетом не придется лазить по деревьям каталогов и пользоваться выпадающими менюшками. Через cmd+alt+n (ctrl+alt+n) вызовется строка для ввода – вводим путь, имя файла, клацаем Enter. Готово!
Этот плагин добавляет возможность пользоваться всеми необходимыми для разработки функциями Git: add, commit, доступ к логам – и все это не покидая Sublime!
Добавляет возможность просматривать статус файла и отслеживать изменения прямо в редакторе. Можно сравнивать версии файлов из любых веток.
Как и следует из названия, этот пакет добавит некоторые улучшения в левый сайдбар. Например, появятся пункт «Открыть в браузере», возможность сделать дубликат и еще около 20 полезных функций.
Крошечный, но очень полезный плагин добавит возможность выбирать и подбирать цвет из круговой палитры в hex-формате. Открывается в отдельном окошке и позволяет выбрать цвет как из палитры, так и из любого места на экране.
В Sublime Text 3 появилась возможность генерировать и вставлять lorem ipsum, а Placeholder немного расширяет эту возможность. С ним можно вставлять макетные изображения, формы, списки и таблицы.
DocBlockr позволяет играючи делать описания к функциям. На раз-два он создаст закомментированную область для описания аргументов функции, возвращаемых значений и типов переменных.
Это расширение поможет быстрее разобраться в старом коде. При нажатии на имя функции покажет ссылку, по которой можно перепрыгнуть прямо к описанию этой функции.
Минифицирует и создает в каталоге текущего файла его минифицированную версию. Работает с CSS, HTML, JavaScript, JSON и SVG. Для работы требует внешние node.js библиотеки, так что их придется установить отдельно:
Умеет проверять код на синтаксические ошибки, плохие практики и прочие проблемы, которые частенько появляются. Только для каждого используемого языка придется поставить отдельный плагин.
Штука, которая есть во многих средах разработки, но почему-то упущена в Саблайме – превью цвета. При двойном нажатии на код цвета плагин будет обводить его именно тем цветом, который этот код описывает.
В Саблайме есть подсветка синтаксиса для примерно 50 языков, однако некоторые популярные, но нишевые решения в нем отсутсвуют. Вот несколько полезных ссылок, которые могут кому-то пригодиться:
Если ты читаешь эту статью – ты хочешь узнать побольше о плагинах и темах для Сайблайма и то, как их установить. Так что погнали!
Установка
Есть два способа установки плагинов и тем для Sublime Text 3 – автоматическая с помощью Package Control и ручная, скачивая архив и размещая его в папке приложения.
Автоматическая установка
Рекомендуемый способ установки тем и плагинов. Даже не перезапуская приложение мы устанавливаем нужную тему или плагин, используя интерфейс Package Control:
- Нажимаем ⌘ / ctrl + shift + P чтобы открыть консоль Саблайма
- В консоли пишем install package , выбираем эту команду
- Пишем нужный запрос – будь то Git, подсветка синтаксиса или тема
- Нажимаем Enter и вуаля
Ручная установка
Бывают ситуации когда плагин приходится устанавливать вручную (Например, плагин отсутствует в пакетном менеджере Саблайма). Это занимает не больше пары минут времени и делается следующим образом:
- Качаем архив с плагином
- Распаковываем, меняем название папки на название плагина
- Переходим в папку плагинов приложения, используя меню приложения – Preferences > Browse packages…
- Переносим папку с плагином в папку, которая открылась в шаге выше
Активация
Если плагины устанавливаются и активируются автоматически, то тему придется активировать вручную. Это делается невероятно просто – открываем меню приложения, выбираем Preferences > Theme. и выбираем нужную тему. Бинго, все работает!
Где взять плагины и темы?
Учитывая популярность редактора – для него существует невероятное количество плагинов и тем на любой цвет и вкус – от подсветки синтаксиса и сниппетов до автоматизации действий и гита.
Больше всего плагинов и тем для Sublime Text 3 можно найти в пакетном менеджере – Control Manager или на GitHub.
Sublime Text — один из лучших текстовых редакторов в мире. Количество встроенных функций и расширений, которые доступны благодаря плагинам восхищает даже самого искушенного пользователя. Git, Vim, Python, Shell Script, регулярные выражения — все лучшие изобретения человечества собраны в этой маленькой программе. Приложение невероятно красиво и удобно в использовании. Один раз открыв Sublime вы не закроете его никогда.
Установка
Удивительно, но столь функциональное приложение весит всего лишь чуть более 7 мегабайт. Установка мгновенна и не требует участия пользователя.
Пользоваться продуктом без ограничений функций можно бесплатно, но приложение иногда очень ненавязчиво напоминает о необходимости приобретения лицензии. Sublime Text один из немногих продуктов, который своим высочайшим качеством вызывает непреодолимое желание поделиться своими кровными с разработчиками. Тем более что текстовый редактор настолько хорош и стоит гораздо больше, чем те $70, которые за него просят.
Если имеются трудности с пониманием английского языка, можно установить плагин для русификации меню. Подробнее об установке плагинов будет рассказано ниже.
Основы использования
При запуске программы открывается безымянный текстовый файл.
В левом нижнем углу отображается строка и символ, на котором сейчас находится курсор. При наборе текста в Sublime кажется, будто клавиши под пальцами становятся мягче и процесс печати идет резвее.
Если подвести указатель мыши к верхней стороне экрана, то отобразится меню. В разделе File можно сохранить текущий документ или открыть новый для редактирования.
Файл можно сохранить под любым расширением.
И в большинстве популярных кодировок:
Верно и обратное. В Sublime можно открыть файл с любым расширением и кодировкой.
К слову, в Sublime вся введенная информация сохраняется автоматически. Текстовый редактор крайне редко принудительно завершает работу (у меня это было один-единственный раз, когда я пыталась сделать 20 тысяч замен символов в тексте одной командной), но даже в таком случае ни один напечатанный символ не пропадет.
Перемещение по документу
С правой стороны экрана отображается структура текста документа в миниатюре, которая позволяет мгновенно перемещаться из одной части файла в другую.
Переставить курсор на определенную строку или символ можно с помощью меню Goto.
Но самая мощь Sublime ощущается при использовании закладок. Добавить закладку в текст можно с помощью пункта меню Goto -> Bookmarks -> Toogle Bookmark. Перемещаться между закладками можно с помощью команд Next Bookmark и Previous Bookmark.
Поиск и замена
Если выбрать пункт меню Find ->Find, то внизу экрана появится панель поиска.
C окошком для ввода искомых символов и кнопками в правой части экрана все понятно. Разберемся для чего нужны иконки в левом нижнем углу экрана.
Самая левая кнопка включает поддержку регулярных выражений. Объяснять что это такое и зачем они нужны в этой статье не будем. Об этом лучше почитать у Джеффри Фридла.
Следующая за ней кнопка делает поиск чувствительным к регистру.
По умолчанию, поиск идет в тексте начиная от текущего положения курсора и далее вправо и вниз (по ходу чтения). Кнопка с перевернутой стрелкой позволяет сменить это направление на противоположное.
Рядом с белым окном находится кнопка, которая подсвечивает все найденные в тексте совпадения. А кнопка слева от нее ограничивает область поиска выделенным фрагментом.
Аналогичная панель появляется при вызове пункта меню Find -> Replace.
Палитра команд
Для повышения продуктивности многие команды можно запускать из палитры команд, которая открывается из пункта меню Tools -> Command Palette.
Настройки
Настройки Sublime меняются путем редактирования текста конфигурационного файла. К каждому параметру прилагается как минимум один абзац пояснений, что позволяет без труда разобраться что к чему. Обратите внимание, что выбранную тему оформления тоже можно менять через текст конфигурационного файла.А теперь перейдем к функциям Sublime, которые делают его великолепным редактором кода.
Подсветка синтаксиса
Подсветка синтаксиса в этом текстовом редакторе выглядит просто волшебно. Вот, к примеру, немного PHP и SQL:А вот HTML + JavaScript:
Sublime Text умеет эффектно подсвечивать код, написанный на трех десятках языков программирования.
Чтобы включить соответствующие оформление надо просто сохранить файл под правильным расширением.
Если вам нужно подсвечивать Brain Fuck, Fortran или еще какую-нибудь экзотику, то можно написать для этой цели собственный плагин или установить уже готовый.
Автодополнение кода
Sublime можно полюбить только за то, что кавычки и скобки в нем не нужно набирать два раза.
Стоит ввести в Sublime один символ, как он тут же предложит варианты завершения строки:
Сворачивание кода
Если при взгляде на код голова кругом идет от иерархии циклов и условий, то значит это плохой код чтобы в нем разобраться без Sublime не обойтись. Слева, в том месте где отображается нумерация строк возле начала циклов и условий есть засечки, которые позволяют скрывать ненужные блоки кода. Для PHP эта функция работает отлично:
Сниппеты
При желании можно создавать собственные сниппеты и использовать коллекции чужих сниппетов.
Проекты
Еще одна замечательная функция Sublime, которая пригодится не только программистам — возможность объединить несколько файлов в один проект, что позволяет открывать и закрывать эти файлы одним движением руки, а также применять к ним групповые операции.
Чтобы отобразить в Sublime боковую панель с обозревателем файлов необходимо перетащить нужную папку на поле для набора текста.
Теперь можно сохранить выбранные файлы в виде проекта с помощью пункта меню Project -> Save Project As. После этого файлами можно манипулировать как отдельным проектом.
Сочетания клавиш
Для каждой команды в Sublime есть сочетание клавиш, которое позволяет мгновенно ее запускать. Их очень легко выучить, так как они написаны возле соответствующего пункта меню.
Макросы
Для запуска записанного макроса используется команда 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 является одним из самых популярных редакторов кода. В том числе и для веб-разработчиков. Благодаря своему удобству и возможностям точной настройки он довольно прочно закрепился среди самых востребованных редакторов кода.
В данной статье подробно разберём почему стоит использовать Sublime Text и перейти на новую версию 4.
В конце статьи есть ссылка на скачивание!
Что такое Sublime Text?
Сложно
Sublime Text — это кроссплатформенный текстовый редактор, разработанный для пользователей, которые ищут эффективный, но минималистский инструмент для редактирования кода. Редактор, конечно же, прост, в котором отсутствуют панели инструментов или диалоговые окна.
Просто
Функции, возможности и преимущества
Sublime Text предлагает множество функций, которые упрощают компиляцию кода.
- Goto Anything — это удобная функция, которая позволяет легче получать доступ к файлам. Для перехода к аспектам скомпилированного кода, таким как символы, строки или слова, требуется всего несколько действий.
- Сопоставление скобок — это функция, которая позволяет быстро определить неправильное сопоставление. Редактор напрямую выделяет соответствующие наборы скобок.
- Множественное выделение — это удобный инструмент, который позволяет быстро менять строки кода на ходу. Изменяйте имена переменных или даже файлов.
- Наличие мощного Python API в Sublime выделяет текстовый редактор среди конкурентов. Мощный встроенный API позволяет Sublime достигать большей функциональности, позволяя плагинам расширять встроенную функциональность.
- Кроссплатформенность — Sublime Text доступен на нескольких клиентских компьютерах, включая Windows, Mac и Linux.
Преимущества
- Sublime Text — это легкий текстовый редактор, который подойдет любому программисту. Программа сделана со скоростью, находящейся в ее основе. Особенность программы в ее скорости и отзывчивости пользовательского интерфейса.
- В редакторе доступно множество плагинов, которые интегрируются в одном месте.
- Полностью настраиваемый — текстовый редактор создан, чтобы позволить конечному пользователю легко «поиграть» с ПО на свой лад. Sublime позволяет настраивать множество функций, включая: привязки клавиш, меню, фрагменты, макросы и многие другие. Кроме того, изменяйте внешний вид, настроив свои темы для ПО.
- Кроссплатформенная поддержка — в редакторе доступна на большинстве распространенных настольных клиентов, включая Windows, macOS и Linux.
- Sublime с открытым исходным кодом, соответственно бесплатный. Но в то же время, ПО также можно купить – по желанию. Важно отметить, что бесплатная версия работает просто отлично.
- С редактором, вы можете комфортно переключаться между различными файлами. К тому же, благодаря функции Goto Anything, доступ к которой получаете непосредственно с клавиатуры с помощью клавиш Ctrl или Command + P.
- Простота в использовании. Редактор подходит для любого пользователя, независимо от уровня его опыта.
Популярные плагины
Для редактора кода Sublime Text существует огромное количество плагинов. Некоторые из них уже, можно сказать, неразделимы с ним.
Emmet
Emmet — один из самых популярных плагинов Sublime Text 4, который загружен более 4 миллионов раз по всему миру. Вместо использования JavaScript этот плагин работает с CSS и HTML, что упрощает работу пользователей.
В результате, это позволяет добавлять коды через сниппеты, что значительно ускоряет весь процесс для программистов. Плагин требует базовых знаний HTML и CSS.
Alignment
Sublime Text 4 позволяет разработчикам записывать коды на разных компьютерных языках, таких как JavaScript, CSS, PHP и прочие. К тому же, этот плагин Alignment для редактора Sublime Text 3 позволяет быстро выровнять коды. Выделяйте строки текста, а затем используйте этот плагин для выравнивания кодов.
Terminal
Terminal — еще один полезный плагин для пользователей Sublime Text 4. Этот плагин помогает открывать терминалы прямо со страницы, на которой вы сейчас работаете. В результате, вам не нужно закрывать текущее окно или запускать какой-либо другой инструмент в компьютерной системе.
Терминал находится в списке лучших плагинов года для пользователей Sublime Text 4. Этот плагин также повышает производительность, так как экономит много времени и дает достаточно времени для работы над основной частью кода вашего проекта.
Ссылка для скачивания
Читайте также: