Как поменять цвет комментариев в sublime text

Обновлено: 05.07.2024

Я прочитал этот ответ - 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 и выберите нужные.

sublime-settings
sublime-settings
sublime-settings

Найдите настройки, которые вы хотите изменить и добавьте их в User Settings чтобы они не удалились при обновлении редактора.

sublime-settings-2
sublime-settings-2
sublime-settings-2

Более подробно об основах работы с 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 это плагин, который подсвечивает парные теги и скобки (да ладно!) Но и тем не менее, это очень полезный инструмент, который показывает вам начало и конец той части кода, в которой находится курсор. Тип скобки отображается сбоку в виде разных иконок.

sublime-visual-brackethighlighter-2
sublime-visual-brackethighlighter-2
sublime-visual-brackethighlighter-2

Git Gutter

Один из моих любимых плагинов. Git gutter это простой плагин, который отображает иконки около номеров строк, которые показывают было ли что-то добавлено, изменено или удалено по сравнению с вашим git-проектом.

sublime-visual-gitgutter-2
sublime-visual-gitgutter-2
sublime-visual-gitgutter-2

SublimeLinter

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

sublime-visual-sublimelinter-2
sublime-visual-sublimelinter-2
sublime-visual-sublimelinter-2

Темы и цветовые схемы

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

Тема: Soda

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

sublime-visual-soda-2
sublime-visual-soda-2
sublime-visual-soda-2

Тема: Flatland

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

Тема: Spacegray

Моя любимая тема, в том числе набирающая популярность на GitHub – Spacegray. Эта тема может похвастаться уникальными цветами и невероятно минималистичным интерфейсом.

sublime-visual-spacegray
sublime-visual-spacegray
sublime-visual-spacegray

Цветовая схема: Solarized

Довольно-таки известный проект Solarized доступен и для Sublime Text. Этот проект позиционируется как "аккуратные и точные цвета для машин и людей" и использует большое количество положений из теории цвета.

Цветовая схема: Base16

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

Вывод

Как же много всего еще стоит рассмотреть! Не забудьте, что имеет смысл переработать очень много разных элементов Sublime Text в процессе кастомизации. Не верьте мне на слово, поизучайте GitHub и Package Control, попробуйте какие-нибудь другие настройки и вы поймете, что вам больше подходит. Не забывайте периодически "подкручивать" что-нибудь, чтобы ваш навык программирования не стоял на месте.

А какие настройки, шрифты, плагины, темы или цветовые схемы подошли вам? Напишите в комментариях и поделитесь с теми, кому по вашему мнению будет не лишним это узнать!

Необходимо, чтобы, например, набор символов тест в документах, открытых Sublime Text 3, всегда был оранжевого цвета; <пример> — красного, @stackoverflow — синего и т. п. . Не подсветка, а именно другой цвет. Особо не имеет значения, сразу во всех цветовых схемах или же только в той, которой пользуюсь.

Цель — хочется простенький ToDo-менеджер прямо в Sublime Text, где разноцветные слова выполняли бы роль тегов, по которым легко ориентироваться. ToDo-плагин PlainTasks не устраивает.

Возможно ли так сделать?


31.9k 22 22 золотых знака 119 119 серебряных знаков 206 206 бронзовых знаков


4,198 13 13 золотых знаков 35 35 серебряных знаков 89 89 бронзовых знаков

Решение проверено в 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 можно вписать любые значения, лишь бы они совпадали с дальнейшей вставкой.

  1. Как лучше всего подобрать цветовую схему для 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 ► среди всплывающих вариантов выбираем соответствующий пункт ► плагин установлен.

  1. Создаём файл с расширением .task . Открываем его нашим Sublime Text 3, выполняем: View ► Syntax ► Open all with current extension as. ► User ► ToDo Manager . Пробуем в этом же файле, что у нас получилось:

Всё, раскрашиваем содержимое task -файлов, как душе угодно. Спасибо за подробное объяснение ув-мому Мэтту Моррисону.

Как настроить Sublime Text 3

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». Слева находятся значения по умолчанию – их менять не нужно. А вот справа расположены пользовательские настройки, которые можно изменять и дополнять.

Как добавить пользовательскую тему в Sublime Text 3

  • "color_scheme" – здесь прописывается цветовая тема (можно выбрать из существующих и добавить собственную);
  • "font_face" – позволяет изменить шрифт текста на любой, что есть в системе;
  • "font_size" – предназначена для увеличения или уменьшения размера текста;
  • "font_options" – устанавливает/удаляет жирность или курсив текста;
  • "word_separators" – разделители слов;
  • "line_numbers" – настройка нумерации слов;
  • "gutter" – включает или отключает отображение номеров строк и закладок («канавка»);
  • "margin" – настраивает отступ от «канавки»;
  • "fold_buttons" – позволяет отключить треугольные стрелки, отображаемые в «канавке».

Например, мы можем установить следующие значения:

Настройка Sublime Text 3

Для сохранения изменений не забудьте воспользоваться комбинацией клавиш «CTRL+S».

Настраиваем горячие клавиши

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

Например, нам нужно, чтобы комбинация «CTRL+C» не копировала текст, а вырезала его. Для этого необходимо перейти в «Preferences» -> «Key Bindings».

 Настройка горячих клавиш в Sublime Text

Затем в правом столбце нужно прописать нужную комбинацию клавиш и указать ей значение «cut». В конце сохранияемся комбинацией клавиш «CTRL+S».

Как поменять горячие клавиши в Sublime Text 3

Аналогичным образом вы можете изменять другие комбинации либо добавлять собственные.

Русифицируем Sublime Text с помощью плагина

Как мы уже говорили ранее, основная фишка Sublime – плагины, с помощью которых можно менять функционал программы. Для их установки используется дополнительная утилита Package Control, которая позволяет находить и инсталлировать разные плагины.

Для примера давайте русифицируем программу с помощью плагина LocalizedMenu:

  1. Открываем Sublime Text и используем комбинацию клавиш «CTRL+SHIFT+P». В отобразившемся окне вводим «Package Control: Install Package» и кликаем по первому запросу.
  2. В результате перед нами отобразится новое поисковое окно, через которое можно найти различные плагины. В нашем случае нас интересует «LocalizedMenu» – вводим запрос и устанавливаем расширение.
  3. После установки плагина ничего не поменяется, так как плагин не русифицирует программу, а предлагает различные варианты ее перевода. Чтобы установить русский язык, перейдем в «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 и убедились, что в этом нет ничего сложного, так как программа адаптирована под начинающих пользователей.

Читайте также: