Как поменять цвет комментариев в sublime text
Я прочитал этот ответ - Sublime 2 - изменение цвета фона на основе типа файла? - для Sublime 2, но я использую Sublime 3 (в настоящее время бета), и в папке "Пакет" отсутствует "Цветовая схема - по умолчанию".
ОТВЕТЫ
Ответ 1
Для Как изменить общие цвета (фон и шрифт)?
Ответ 2
Ответ 3
Я была такая же проблема. Sublime3 больше не показывает все установленные пакеты, когда вы выбираете "Показать пакеты" в меню настроек.
Чтобы настроить цветовую схему, выполните следующие действия (UNIX):
- Найдите каталог пакетов SublimeText в каталоге, в котором установлен SublimeText (в моей настройке это был /opt/sublime/Packages)
- Откройте "Цветовая схема - Default.sublime-package"
- Выберите цветовую схему, которая наиболее соответствует вашим требованиям, и скопируйте ее
- Из Sublime Text выберите Предпочтения - Обзор пакетов - Пользователь
- Вставьте скопированную ранее цветовую схему и переименуйте ее. Теперь он должен отображаться в меню "Настройки - Цветовая схема" в разделе "Пользователь".
- Следуйте инструкциям по ссылке, которую вы упомянули ранее, чтобы внести необходимые изменения (Sublime 2 -changing цвет фона в зависимости от типа файла?)
--- РЕДАКТИРОВАТЬ ---
Для Mac OS X темы хранятся в заархивированных файлах, поэтому, несмотря на то, что файл настроек показывает их как находящиеся в папке "Пакеты/Цветовая схема - по умолчанию", они не отображаются в этом каталоге, пока вы не извлечете их.
- Их можно извлечь с помощью средства просмотра ресурсов пакета (см. Этот ответ, чтобы узнать, как установить и использовать средство просмотра ресурсов пакета).
- Поиск цветовой схемы в экстракторе пакетов (должны быть указаны параметры "Цветовая схема по умолчанию" и "Цветовая схема")
- Извлеките тот, который вы хотите. Теперь он будет доступен в папке Users/Имя пользователя /Library/Поддержка приложений /Sublime Text 3/Пакеты/Цветовая схема - по умолчанию (или Legacy)
- Сделайте копию схемы, которую вы хотите изменить, отредактируйте по мере необходимости и сохраните ее
- Добавьте или измените строку в пользовательских настройках, которая указывает на цветовую схему
Ответ 4
- Перейдите к настройкам
- Щелкните по цветовой схеме
- Выберите цветовую схему.
- Я выбрал plastic для моего случая.
Ответ 5
Шаги, которые я выполнил для общей темной темы, включая браузер файлов:
Ответ 6
Чтобы просмотреть файлы тем для ST3, установите PackageResourceViewer через PackageControl.
Затем вы можете использовать Ctrl + Shift + P >> PackageResourceViewer: Open Resource для просмотра файлов темы.
Чтобы отредактировать определенный цвет фона, вам нужно создать новый файл в папке пользовательских пакетов Packages/User/SublimeLinter с тем же именем, что и тема, применяемая в настоящее время к вашему возвышенному текстовому файлу.
Однако, если ваша тема представляет собой сторонний пакет тем, установленный с помощью управления пакетами, вы можете редактировать шестнадцатеричное значение в этом файле непосредственно в фоновом режиме. Например:
В противном случае, если вы пытаетесь изменить собственную возвышенную тему, добавьте следующее в новый файл, который вы создаете (с именем, совпадающим с собственной темой, такой как Monokai.sublime-color-scheme ) с вашим выбором цвета.
Затем вы можете открыть файл, к которому вы хотите применить синтаксис/цвет, а затем перейти к настройкам, относящимся к синтаксису (в разделе "Предпочтения"), и добавить путь к файлу в файле настроек, относящихся к синтаксису, например:
Обратите внимание, что если вы установили тему с помощью пакета управления, она, вероятно, имеет .tmTheme файла .tmTheme .
Если вы хотите отредактировать цвет фона боковой панели, чтобы он был темнее, Preferences > Theme > Adaptive.sublime-theme
Этот мой ответ основан на моем личном опыте и информации, полученной из принятого ответа на этой странице, если вам нужна дополнительная информация.
Sublime Text насчитывает тысячи расширений и настроек, чтобы сделать персонализированный редактор кода вашей мечты. Я вам расскажу о некоторых настройках, плагинах, темах и цветовых схемах, которые помогут сделать ваш опыт программирования приятнее. Они не только сделают ваш экран красивее, но и сделают вас лучшим программистом!
Настройки
Sublime Text "из коробки" предлагает огромное количество настроек, визуально меняющих редактор, но большинство по умолчанию отключены. Вот несколько, без которых я не представляю свой редактор.
Важно: Для того, чтобы редактировать настройки Sublime Text найдите в меню Sublime Text 2 > Preferences > Settings - Default и выберите нужные.
Найдите настройки, которые вы хотите изменить и добавьте их в User Settings чтобы они не удалились при обновлении редактора.
Более подробно об основах работы с Sublime Text вы можете прочитать в статье Installation and Base Settings.
Шрифты и отступы
Выбор правильного шрифта и отступов это одни из самых "личных" настроек для вашего кода. Для начала, выберите подходящий шрифт, предпочтительно моноширинный. Вот некоторые:
После того, как вы выбрали шрифт, убедитесь, что он установлен у вас на компьюетере. Затем добавьте его в настройки и измените размер и отступы, например, как здесь:
“font_face”: “Inconsolata";
"font_size": 18;
"line_padding_bottom": 1,
"line_padding_top": 1,
highlight_line
Эта настройка подсвечивает строку, на которой находится курсор другим цветом (зависит от цветовой схемы). Возможность видеть на какой строке вы сейчас находитесь помогает сконцентрироваться на текущей задаче, легко и быстро перемещаться по строкам, а также находить активную строку после переключения из другой программы.
highlight_modified_tabs
Эта настройка подсветит вкладки с измененными файлами, чтобы привлечь к ним дополнительное внимание.
fade_fold_buttons
А вы знали, что Sublime Text позволяет сворачивать фрагменты кода? Я знал, но все время забывал об этом, из-за этой настройки. Выключите ее и стрелочки никогда больше не будут исчезать.
word_wrap
Горизонтальный скроллинг раздражает всех без исключения. С включенной настройкой word_wrap текст не выходит за рамки текущего экрана и тем самым предотвращает горизонтальный скроллинг.
bold_folder_labels
В саблайме есть несколько отличных настроек, чтобы расставить акценты в боковой панели. Начнем с bold_folder_labels , которая выделит все директории жирным.
Показывать открытые файлы в боковой панели
Странно, но это нельзя установить в конфигурационном файле. Вместо этого нужно выбрать такую настройку в меню:
View → Side Bar → Show Open Files
Выровнять боковую панель
Это не то чтобы настройка, скорее подсказка. Вы можете дважды нажать на границу между боковой колонкой и основной частью редактора – тогда боковая панель подстроится под ширину контента.
Плагины
Плагины могут быть невероятно полезными, потому что они привносят дополнительный функционал. Я настоятельно рекоммендую использовать Package Control, чтобы работать с плагинами.
BracketHighlighter
Bracket highlighter это плагин, который подсвечивает парные теги и скобки (да ладно!) Но и тем не менее, это очень полезный инструмент, который показывает вам начало и конец той части кода, в которой находится курсор. Тип скобки отображается сбоку в виде разных иконок.
Git Gutter
Один из моих любимых плагинов. Git gutter это простой плагин, который отображает иконки около номеров строк, которые показывают было ли что-то добавлено, изменено или удалено по сравнению с вашим git-проектом.
SublimeLinter
Этот плагин добавляет проверку орфографии налету. Используя исчерпывающую документацию и огромный список правил SublimeLinter, вы убедитесь, что ваш код не содержит ошибок.
Темы и цветовые схемы
Самая гибкая персонализация в Sublime Text возможна с помощью тем и цветовых схем. На данный момент существуют сотни различных вариантов и каждую неделю появляются новые. Вот несколько стоящих.
Тема: Soda
Soda стала самой популярной темой и самым лучшим примером кастомизации среди любителей Sublime Text. Существует огромное количество форков этого проекта. Soda предлагает несколько дополнительных настроек, вся графика оптимизирована под retina-экраны, также существуют темный и светлый варианты.
Тема: Flatland
Если вы являетесь поклонником плоского дизайна, тогда Flatland это ваш вариант. Эта тема упрощает внешний вид всех элементов и позволяет менять некоторые настройки, например вид вкладок и боковой панели.
Тема: Spacegray
Моя любимая тема, в том числе набирающая популярность на GitHub – Spacegray. Эта тема может похвастаться уникальными цветами и невероятно минималистичным интерфейсом.
Цветовая схема: Solarized
Довольно-таки известный проект Solarized доступен и для Sublime Text. Этот проект позиционируется как "аккуратные и точные цвета для машин и людей" и использует большое количество положений из теории цвета.
Цветовая схема: Base16
Base16 – это еще одна популярная цветовая схема с большим количеством настроек (я в данный момент использую именно ее).
Вывод
Как же много всего еще стоит рассмотреть! Не забудьте, что имеет смысл переработать очень много разных элементов Sublime Text в процессе кастомизации. Не верьте мне на слово, поизучайте GitHub и Package Control, попробуйте какие-нибудь другие настройки и вы поймете, что вам больше подходит. Не забывайте периодически "подкручивать" что-нибудь, чтобы ваш навык программирования не стоял на месте.
А какие настройки, шрифты, плагины, темы или цветовые схемы подошли вам? Напишите в комментариях и поделитесь с теми, кому по вашему мнению будет не лишним это узнать!
Необходимо, чтобы, например, набор символов тест в документах, открытых Sublime Text 3, всегда был оранжевого цвета; <пример> — красного, @stackoverflow — синего и т. п. . Не подсветка, а именно другой цвет. Особо не имеет значения, сразу во всех цветовых схемах или же только в той, которой пользуюсь.
Цель — хочется простенький ToDo-менеджер прямо в Sublime Text, где разноцветные слова выполняли бы роль тегов, по которым легко ориентироваться. ToDo-плагин PlainTasks не устраивает.
Возможно ли так сделать?
Решение проверено в Windows XP и новейшей (на март 2016) версии редактора — Sublime Text 3 Build 3103.
Если установлена более старая версия Sublime Text 3, скачиваем Build 3103 с официального сайта, для 64-битной Windows и других операционных систем ссылки тут.
В верхнем меню Sublime Text 3 открываем Preferences ► Browse Packages. , в папке User создаём файл ToDo Manager.sublime-settings , куда копируем следующее содержимое:
Где ToDo Manager — имя файла подсветки, которое должно совпадать с именем до расширения .sublime-settings только что созданного нами в папке User файла; task — расширение файлов, при открытии которых программой Sublime Text 3 будет функционировать наша подсветка, должно совпадать со словом после scope: text. в следующей строке (не поставил расширение todo, поскольку оно уже зарезервировано плагином ).
Если теги нашего ToDo-менеджера будут иметь вид @'Название тега' , вписываем их, как в примере выше, желаете по-другому — используйте вместо @ свой вариант. Взамен work , project1 и avral можно вписать любые значения, лишь бы они совпадали с дальнейшей вставкой.
- Как лучше всего подобрать цветовую схему для Sublime Text 3. Переходим на страницу онлайн-сервиса TmTheme Editor, в левом меню выбираем предпочтительную цветовую схему, настраиваем её в зависимости от наших пожеланий. Доступен предпросмотр цветов и подсветки для различных языков разметки/программирования:
Save ► Download — сохраняем файл в папку, где хранятся цветовые схемы: Preferences ► Browse Packages. ► User . Переключение на схему осуществляется посредством Preferences ► Color Scheme ► User .
Перед следующими строками в конце файла цветовой схемы
Значения должны совпадать с теми, что мы вписывали в файл ToDo Manager.sublime-settings . Между тегами <string></string> вводим цвета. Лучше прописывать их в HEX, а не X11 colors , поскольку в Sublime Text 3 могут некорректно отображаться как минимум цвета aqua , fuchsia и lime .
Для подсветки цветов в форматах HEX и RGB служит плагин ColorHighlighter. Самый простой способ установки — через Package Control: в Sublime Text 3 нажимаем Ctrl + Shift + P ► в открывшуюся строку вводим Package Control: Install Package ► среди всплывающих вариантов выбираем соответствующий пункт ► теперь вводим в ту же строку Color Highlighter ► среди всплывающих вариантов выбираем соответствующий пункт ► плагин установлен.
- Создаём файл с расширением .task . Открываем его нашим Sublime Text 3, выполняем: View ► Syntax ► Open all with current extension as. ► User ► ToDo Manager . Пробуем в этом же файле, что у нас получилось:
Всё, раскрашиваем содержимое task -файлов, как душе угодно. Спасибо за подробное объяснение ув-мому Мэтту Моррисону.
Sublime Text 3 – это текстовый редактор, разработанный для верстальщиков и программистов. Он позволяет работать с кодом разных языков программирования: от Erlang до C++. Свою популярность он получил благодаря кроссплатформенной поддержке и расширенным настройкам, которые позволяют пользователю легко «играть» с параметрами программы. Вариаций довольно много – можно изменить и внешний вид, и дополнить функционал с помощью различных плагинов.
Что еще есть в Sublime Text 3 и как со всем этим работать – поговорим в сегодняшней статье.
Инструменты Sublime Text 3
Текстовый редактор Sublime обладает большим функционалом, который упрощает написание кода и его компиляцию. Из особенностей выделяют следующее:
- Goto Anything – удобная функция, позволяющая быстро получить доступ к нужным файлам.
- Сопоставление скобок – позволяет быстро определить неправильное сопоставление. Редактор напрямую выделяет соответствующие наборы скобок.
- Множественное выделение – полезная функция, позволяющая быстро изменять код в нескольких местах.
- Мощный Python API, благодаря которому Sublime обходит многих конкурентов. Он дает возможность достигать высокой производительности за счет дополнительных плагинов.
- Раздельное редактирование – благодаря этой функции можно разделять окно на несколько столбцов, например, один назначить под HTML, другой – под CSS, третий – под JavaScript.
- Сочетание клавиш – позволяет присваивать комбинацию клавиш к различным функциям.
Настройка Sublime Text 3
Первым делом рассмотрим настройки внешнего вида, а затем перейдем к горячим клавишам и установке плагинов.
Изменяем внешний вид
По умолчанию Sublime поставляется с черной темой, которая подойдет каждому, но если нужны изменения, то никто не запрещает их сделать.
На этом настройки не ограничиваются – мы также можем изменить шрифт текста и его размер, добавить новые темы и многое другое.
Сделать это можно через «Preferences» -> «Settings». Слева находятся значения по умолчанию – их менять не нужно. А вот справа расположены пользовательские настройки, которые можно изменять и дополнять.
- "color_scheme" – здесь прописывается цветовая тема (можно выбрать из существующих и добавить собственную);
- "font_face" – позволяет изменить шрифт текста на любой, что есть в системе;
- "font_size" – предназначена для увеличения или уменьшения размера текста;
- "font_options" – устанавливает/удаляет жирность или курсив текста;
- "word_separators" – разделители слов;
- "line_numbers" – настройка нумерации слов;
- "gutter" – включает или отключает отображение номеров строк и закладок («канавка»);
- "margin" – настраивает отступ от «канавки»;
- "fold_buttons" – позволяет отключить треугольные стрелки, отображаемые в «канавке».
Например, мы можем установить следующие значения:
Для сохранения изменений не забудьте воспользоваться комбинацией клавиш «CTRL+S».
Настраиваем горячие клавиши
Мы привыкли использовать комбинации клавиш, чтобы скопировать, вставить или выделить весь текст. В Sublime Text можно установить свои пользовательские комбинации.
Например, нам нужно, чтобы комбинация «CTRL+C» не копировала текст, а вырезала его. Для этого необходимо перейти в «Preferences» -> «Key Bindings».
Затем в правом столбце нужно прописать нужную комбинацию клавиш и указать ей значение «cut». В конце сохранияемся комбинацией клавиш «CTRL+S».
Аналогичным образом вы можете изменять другие комбинации либо добавлять собственные.
Русифицируем Sublime Text с помощью плагина
Как мы уже говорили ранее, основная фишка Sublime – плагины, с помощью которых можно менять функционал программы. Для их установки используется дополнительная утилита Package Control, которая позволяет находить и инсталлировать разные плагины.
Для примера давайте русифицируем программу с помощью плагина LocalizedMenu:
- Открываем Sublime Text и используем комбинацию клавиш «CTRL+SHIFT+P». В отобразившемся окне вводим «Package Control: Install Package» и кликаем по первому запросу.
- В результате перед нами отобразится новое поисковое окно, через которое можно найти различные плагины. В нашем случае нас интересует «LocalizedMenu» – вводим запрос и устанавливаем расширение.
- После установки плагина ничего не поменяется, так как плагин не русифицирует программу, а предлагает различные варианты ее перевода. Чтобы установить русский язык, перейдем в «Preferences» -> «Languages» -> «Русский».
Вот такими несложными действиями у нас получилось установить один из тысячи плагинов. Вы можете добавлять любые расширения, которые есть в пакете 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 и убедились, что в этом нет ничего сложного, так как программа адаптирована под начинающих пользователей.
Читайте также: