Jump to content
Korean Random
kr0ne

Sublime Text - редактор конфигураций

Recommended Posts

Sublime_Text_Logo.png   Sublime Text 2/Sublime Text 3

Всем привет. В преддверии выпуска 0.9.7, а значит и выпуска новой версии XVM, и необходимости редактирования настроек модов и конфигураций я все таки решился выложить описание этого весьма мощного, а главное удобного инструмента. Так как есть уже подобная статья по Notepad ++ (а вместе с ней куча поклонников данного редактора) - прошу сильно не пинать. Данная тема для представления альтернативного варианта редактора конфига, который для кого то может стать основным после прочтения и проб(а может таковым уже и является -:)).
 
Итак приступим: 
 
Sublime Text — кроссплатформенный проприетарный (относительно бесплатный) текстовый редактор. Поддерживает плагины на языке программирования Python. Инструментарий программы удобен для редактирования исходных текстов программ.

 

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

+ Начну более подробный разбор с плюсов и возможностей: 

  • Кроссплатформенность - редактор работает на Windows, Linux и Mac OS.
  • Плагины и темы - сообщество пользователей  Sublime Text (далее ST) стремительно растет, а вместе с ними растет и количество разнообразных плагинов, тем оформления, цветовых схем для редактора. (на официальном  сайте менеджера пакетов для ST указано что уже имеется более 2500 модулей для редактора, и это далеко не предел...) 
  • Превосходный интерфейс - это и Подсветка синтаксиса и Полноэкранный режим и Миникарта и Мультипанели и Подсветка парных скобок и Автосохранение ну и куда же без древовидного представления всей папки которую вы открываете.
  • Настройка - практически все параметры редактора настраиваются вручную в текстовых файлах. Пожалуй, не самый удобный способ на свете, но зато сразу видно все параметры и описание их назначения. Также, это позволяет легко переносить настройки с одного компьютера на другой. 
  • Возможности редактора - все-таки, самое главное в редакторе, это его возможности работы с текстом. И у ST с этим все в порядке. Смотрите сами:
    • Снипеты
    • Кодкомплит
    • Автозавершения чего угодно. 
    • Макросы
    • Поиск и замена
    • Проверка орфографии
    • Мультивыделение
    • Закладки
    • Куча готовых и легко настраиваемых горячих клавиш.

- Теперь немного соли(боли) с которой вы можете столкнуться при использовании ST:

  • Это конечно же его относительная бесплатность. Ведь если кто то из религиозных или иных причин не может использовать продукт который он не купил - то он наверняка не будет пользоваться так как лицензия для пользователя составляет немного, немало - $70. Ну и конечно же кто нибудь может начать жаловаться что у него раз в полудня выскакивает окошко с предложением оплатить. 
  • Второй проблемой на пути освоения этого редактора может стать английская локализация меню после установки с коробки. Но, благо, для этой проблемы есть сносное решение в виде Русификатора меню
  • Ну и напоследок, один с минусов (не для всех конечно) - это то что в некоторых случаях настраивать его необходимо с помощью текстовых файлов настройки. С одной стороны это дает возможность более гибкой настройки а с другой стороны требует определенных знаний от пользователя(Как минимум скопировать кусок секции и поправить на что то свое). Но со временем это вряд ли будет казаться мега сложной задачей и позже я покажу на примерах как это делается.


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

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

1) Установка.

 Скачать последнюю версию можно с офф. сайта

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

2) Настройка

а) плагины(необходимые для удобной работы с конфигами(и не только).

  • в первую очередь необходимо установить Package Control - менеджер пакетов. С его помощью вы сможете устанавливать другие плагины/темы/прочее легко и быстро.

На этой  странице показано как установить с помощью консоли(кто прописывал команды в CS быстро освоит-:)) или вручную. Я себе устанавливал с помощью консоли по этому опишу этот способ:

'установка package control'

  1. Открываем ST.
  2. Нажимаем Ctrl + `(должна открыться консоль ввода команд)
  3. Вводим команду скопировав с сайта packagecontrol.io(ссылка выше):
  4. import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

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

  • теперь когда Package Control установлен можно с его помощью установить другие необходимые плагины. Общий принцип установки через Package Control таков: 

'установка плагинов через package control'

- в открытом ST нажимаем комбинацию клавиш Ctrl + Shift + P (появится менеджер команд)

'менеджер команд'

post-29650-0-19517500-1429532286_thumb.jpg

- либо набираем текст полностью "Package control: Install package" либо вводите краткое "pi"(он найдет и поставит эту команду первой так как p=Package и i=Install)

- нажимаете Enter на этой команде и в следующем окошке вводите название пакета который хотите установить.

  • первый необхомый плагин - Compare Side-By-Side  (сравнение файлов) 

Устанавливается через инструкцию выше, так как находиться в репозитории  Package control - "Ctrl + Shit +P" -> pi -> "Compare Side-By-Side" + Enter.

После пару секунд скачивания и установки плагин готов к использованию.

Как пользоваться: допустим вам кто то дал файл с исправленным конфигом и вы хотите посмотреть что там было изменено. Открываете старый и новый файл(например Login.xc и Login2.xc). В одном из файлов нажимаете правую кнопку мыши, выбираете "Compare with .." и во всплывающем окошке выбираете второй файл. В результате вам будет показано сравнение двух файлов и подсвечено изменения

"Пример сравнения двух файлов"

post-29650-0-14822500-1429533677_thumb.jpg

  • еще один полезный плагин - Gutter Color. Вкратце - он рисует цветные кружочки возле полей где есть подстановка цветов. Выглядит это так:

"Getter Color в действии"

post-29650-0-57782600-1429534713_thumb.jpg

Устанавливается он точно так же как и Compare. Но для своей работы ему необходимо чтобы был установлен ImageMagick. Инструкция по его установке здесь

Единственный недостаток - изначально он не понимает формат цвета который используется в *.xc конфигах(например 0xFE0E00), по этому его необходимо дополнительно настроить. Для этого вам необходимо: 

"Настройка Gutter Color"

- открыть настройки плагина: Preferences -> Package Settings -> GutterColor -> Settings - Default.

- в строку supported_syntax добавить javascript

"supported_syntax": ["css", "scss", "sass", "less", "stylus", "css3", "xml","javascript"],

- перед закомментированной строкой custom_colors, вставить этот кусочек кода:

"custom_colors": [
    {
      // The rule to match
      "regex": "([0x])((?:[0-9a-fA-F]{3}){1,2}(?![0-9a-fA-F]+))",
      // The capture group to use; defaults to 0 (the whole expression)
      "group_id": 2,
      // Strings to be concatenated before sending to ImageMagic
      "output_prefix": "#",
      "output_suffix": ""
    },
    

     {
       "regex": "color=([0-9a-fA-F]{6})",
       "group_id": 1,
       "output_prefix": "#"
     }]

- после этого сохранить изменения "Ctrl + s" и  плагин будет работать в наших файлах.

Как я уже писал выше, всего имеется 2500+ плагинов, но основные возможности ST дают нам необходимый функционал для работы с конфигами XVM, по этому считаю что этих плагинов будет достаточно.

б) темы и цветовые схемы

ST поддерживает море тем и цветовых схем для подсветки синтаксиса на любой вкус. По ссылкам приведенным ниже каждый сможет выбрать тему какая придется по душе. А если учесть что у ST по умолчанию очень приятная тема то может этот пункт и не понадобиться.

В первую очередь ссылки где можно посмотреть и подобрать темы: 

'Ссылки для выбора тем оформления: '

Я же для себя, после прочтения статьи на хабре попробовал и теперь остаюсь с ней - выбрал тему Cobalt2.

'Скрин темы Cobalt2'

post-29650-0-89560900-1429538476_thumb.png

Она устанавливается через Package Control. Надеюсь проблем с установкой тем у вас возникнуть не должно( на всякий случай оставлю здесь шпаргалку)

в) окончательная настройка для работы с XVM файлами

- изначально ST не знает как подсвечивать файлы типа .xc. Его нужно научить. Для этого открываем xc файл, в правом нижнем углу находим слово "Plain Text", нажимаем кнопкой мыши, выбираем "Open with current extension as.." и далее со списка выбираем язык. Лично я предлагаю выбрать JavaScript так как подсветка будет наиболее разнообразная и понятная.

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

"Удобный сайдбар"

post-29650-0-84040200-1429539177_thumb.jpg

Если кто то любит пользоваться контексным меню, то в сайдбаре оно может показаться "худоватым". Для улучшения я бы порекомендовал установить плагин Side​Bar​Enhancements

 

 

3) Полезные мелочи

а) Быстрая навигация между файлами («Goto Anything...».) - нажмите сочетание клавиш Ctrl + P и вам отобразится список открытых файлов в которые вы сможете быстро перейти. Вы можете выбрать из списка в который файл перейти или напечатать часть названия этого файла.

б) когда редактируете большой файл(много строк) - используйте миникарту. С ее помощью можно быстро пролистать файл и приблизительно видеть в какое место вы попадете.

"Миникарта"

post-29650-0-69075500-1429539689_thumb.jpg

в) удобный поиск сразу по всей директории с файлами: Ctrl + Shift + F откроет окошко для поиска в папке которая сейчас открыта в редакторе. Выводит список файлов в которых есть совпадения, двойной клик на найденном откроет файл в том месте где искомое находиться

г) нажав "Ctrl + H" вы с легкостью сможете искать необходимое в тексте и заменять где надо на другое.

д) в ST очень много горячих клавиш которые облегчат вам жизнь. Большой перечень можно посмотреть здесь.

 

Как и обещал немного расскажу о настройке:

"Настройка"

- во первых очень много чего настроить можно через панель меню.

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

К примеру у меня занята клавиша F11 другой программой и я не могу с помощью нее в ST перейти в полноэкранный режим. Но я легко могу переопределить ее через конфигурационный файл. Для этого я иду в "Preferences" -> Key Bindings - Default. Это файл отвечающий за настройки по умолчанию. Зачастую простым способом его поправить нельзя да и не желательно, по этому в нем мы лишь ищем настройку клавиши:

{ "keys": ["f11"], "command": "toggle_full_screen" },

далее я копирую эту строку, открываю "Preferences" -> Key Bindings - User (это файл пользовательских настроек), вношу туда: 

{ "keys": ["f8"], "command": "toggle_full_screen" },

сохраняю и после этого перехожу в полноэкранный режим с помощью свободной клавиши F8. Это всего лишь пример который показывает как можно искать и настраивать практически либо что для ST.

 

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

P.S. После нескольких часов написания мог допустить опечатки ( я то конечно еще раз перечитаю но все же...) если кому то будет мылить глаза - пишите поправлю;)

P.S.S Если людям тема понравиться и модераторы сочтут ее годной, был бы очень признателен если бы ее прикрепили рядом с темой о NP++.

Edited by kr0ne
  • Upvote 10

Share this post


Link to post

Short link
Share on other sites

В portable них*** не получается загрузить плагины

Gutter Color неидет

Edited by Cipo

Share this post


Link to post

Short link
Share on other sites

Плюсую за тему, но для меня XCPad forever))) 

Share this post


Link to post

Short link
Share on other sites

Gutter Color неидет

 

Привет. Скорее всего проблема в неправильном пути к файлу convert.exe. Вообщем установил я imagemagic отсюда. Скачал самую обычную для Win. 

'Вот эту:'

post-29650-0-66628700-1429964466_thumb.jpg

Установил по умолчанию в: 

C:\Program Files\ImageMagick-6.9.1-Q16

далее идем в ST в Preferences->Pakage Settings->GutterColor->Settings default

по умолчанию там стоит(для Linux):

"convert_path" : "usr/bin/convert",

меняю его на:

"convert_path" : "C:/Program Files/ImageMagick-6.9.1-Q16",

+ делаю правки которые указал в теме(добавить тип фала javascript + добавить custom color), сохраняю(возможно нужно перезайти) и готово. Все работает

'GutterColor на винде'

post-29650-0-88424800-1429964899_thumb.jpg

Share this post


Link to post

Short link
Share on other sites

Привет. Скорее всего проблема в неправильном пути к файлу convert.exe. Вообщем установил я imagemagic отсюда. Скачал самую обычную для Win. 

'Вот эту:'

Установил по умолчанию в: 

C:\Program Files\ImageMagick-6.9.1-Q16

далее идем в ST в Preferences->Pakage Settings->GutterColor->Settings default

по умолчанию там стоит(для Linux):

"convert_path" : "usr/bin/convert",

меняю его на:

"convert_path" : "C:/Program Files/ImageMagick-6.9.1-Q16",

+ делаю правки которые указал в теме(добавить тип фала javascript + добавить custom color), сохраняю(возможно нужно перезайти) и готово. Все работает

'GutterColor на винде'

на win8.1 x64 неидет нивкакую. попробую вечером на ХРюше

post-17174-0-22690000-1430042947_thumb.jpg

post-17174-0-50019600-1430042964_thumb.jpg

Edited by Cipo

Share this post


Link to post

Short link
Share on other sites

на win8.1 x64 неидет нивкакую. попробую вечером на ХРюше

 

ну так ты же открываешь файлик не как JavaScript а как Java :)

Если хочешь открывать как Java то тогда допиши ее в строку:

"supported_syntax": ["css", "scss", "sass", "less", "stylus", "css3", "xml","javascript","java"],

или открой как javascript и заработает) 

'вот'

post-29650-0-71262100-1430056883_thumb.jpg

Кстати вижу у тебя с Cobalt2 применилась только цветовая схема, а не тема полностью(слева осталось стандартное).

Для этого надо еще добавить в Preferences -> Settings - User строчку 

"theme": "Cobalt2.sublime-theme"

'вот так получиться'

post-29650-0-59034200-1430057219_thumb.jpg

Share this post


Link to post

Short link
Share on other sites

ну так ты же открываешь файлик не как JavaScript а как Java :)

Если хочешь открывать как Java то тогда допиши ее в строку:

"supported_syntax": ["css", "scss", "sass", "less", "stylus", "css3", "xml","javascript","java"],

или открой как javascript и заработает) 

'вот'

Кстати вижу у тебя с Cobalt2 применилась только цветовая схема, а не тема полностью(слева осталось стандартное).

Для этого надо еще добавить в Preferences -> Settings - User строчку 

"theme": "Cobalt2.sublime-theme"

'вот так получиться'

спс все получилось

Share this post


Link to post

Short link
Share on other sites

Как вкл GutterColor в *.json? цвета в формате "#FE0E00"

И в *.XC не видит 0xFF0000

И нет более простого аналога GutterColor, на пример подсветка как в XCPad? На полях не очень удобно.

 

Как сделать подсветку парных скобок и не только? () "" '' [] {}

 

'GC'

/*
    GutterColor Default Settings
*/

{

  /*
   * The location of the ImageMagic convert script.
   */
  "convert_path" : "C:/Program Files/ImageMagick-6.9.1-Q16",

  /*
   * The syntax for which to run GutterColor.
   */
  "supported_syntax": ["css", "scss", "sass", "less", "stylus", "css3", "xml","javascript"],

  /*
   * Whether to render images with an alpha channel.
   * Setting false renders all colors as opaque, true composites
   * colors onto a gray checkered background, and "light" is
   * the same as true, but with a brighter BG texture
   */
   "use_transparency": true,

  /*
   * Whether Gutter Color should automatically create a new version of the active
   * color scheme that doesn't darken gutter icons. (common on light backgrounds)
   * This should be a boolean or an array of strings.
   *
   * Valid strings are "syntax-specific"/"syntax", "global"/"user", and settings
   * file names (e.g. "Packages/SomePlugin/SomePlugin.sublime-settings").
   * "fix_color_schemes": true is eqivalent to ["global", "syntax-specific"]
   */
  "fix_color_schemes": false,

  /*
   * Additional user-defined color matches.
   */
/*
  "custom_colors": [
    {
      // The rule to match
      "regex": "(['\"])((?:[0-9a-fA-F]{3}){1,2}(?![0-9a-fA-F]+))\\1",
      // The capture group to use; defaults to 0 (the whole expression)
      "group_id": 2,
      // Strings to be concatenated before sending to ImageMagic
      "output_prefix": "#",
      "output_suffix": ""
    },{
      "regex": "color=([0-9a-fA-F]{6})",
      "group_id": 1,
      "output_prefix": "#"
    }]
*/
}
 

Edited by Counter

Share this post


Link to post

Short link
Share on other sites

Привет. Итак по порядку:

 

Как вкл GutterColor в *.json? цвета в формате "#FE0E00" И в *.XC не видит 0xFF0000

довавь json в строку:

"supported_syntax": ["css", "scss", "sass", "less", "stylus", "css3", "xml","javascript"],

получиться вот так и эти две проблемы должны отпасть: 

"supported_syntax": ["css", "scss", "sass", "less", "stylus", "css3", "xml","javascript","json"], 

Как сделать подсветку парных скобок и не только? () "" '' [] {}

 

Думаю плагин BracketHighlighter как раз то что ты желаешь (устанавливается легко через Pakage Control) или другой вариант это плагин Highlighter.

 

И нет более простого аналога GutterColor, на пример подсветка как в XCPad? На полях не очень удобно.

 

Есть еще плагин  ColorHighlighter - он подсвечивает прям в тексте при нажатии на определения цвета но он работает со всеми стандартными представлениями цвета типа: #FFFFFF или rgb(255, 255, 255) или white но наотказ не  хочет работать с цветами типа 0xFFB964. Пока что я не смог заставить его. Возможно когда то дойдут руки и попробую научить его изменив код самого плагина но это пока что в будущем. Вообщем в некоторых местах его можно использовать так что если интересно - попробуй. Вот пример как он работает:

'пример'

post-29650-0-40809900-1430739106_thumb.jpg

Edited by kr0ne

Share this post


Link to post

Short link
Share on other sites

Update:

Покопался я в исходниках ColorHighlighter и получилось дописать функции для обработки цветов в формате 0xFFFFFF. Так что если кому то будет интересно могу поделиться измененной версией плагина. Выглядит это так(гифка не сильно качественная но суть понятна):

'ColorHighlighter в действии'

post-29650-0-47059900-1430812475_thumb.gif

+ с помощью хоткея Ctrl + Shift + C можно поменять цвет сразу в редакторе как показано ниже:

'изменения цвета в конфиге'

post-29650-0-11945300-1430814896_thumb.gif

  Edited by kr0ne
  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

-В ColorHighlighter не могу дописать расширения- не редактируется никак

    "file_exts": [".css", ".sass", ".scss", ".less", ".styl", ".html", ".js", ".sublime-settings", ".tmTheme", ".erb", ".haml"]

-GutterColor подружил вроде, но не всегда со старта работает...(работает только после alt-tab)

-Можно ли GutterColor с ColorHighlighter вместе юзать? Вместе не работают

-GutterColor не все цвета видит...пропустил #60FF00 (после перезапуска все норм)

'Скрин'

post-7536-0-57123500-1430814891_thumb.png

 

Share this post


Link to post

Short link
Share on other sites

-В ColorHighlighter не могу дописать расширения- не редактируется никак

Это потому что ты правишь дефолтный конфиг. Скопируй все оттуда и вставь в юзерский и будет редактироваться.(Preferences-> Package Settings->Color Highlighter-> Settings User).

Или если очень хочется править дефолтный конфиг можно заюзать плагин PackageResourceViewer. Он позволяет править и дефолтные конфиги и исходники пакетов.

 

-GutterColor подружил вроде, но не всегда со старта работает...(работает только после alt-tab)

На сколько я знаю GutterColor реагирует на альт-таб, на сохранение ну и на крайняк чтобы на лету то с помощью команды Ctrl + Shift + P вводишь Fix Current Color Scheme(достаточно слова fix чтобы она подсветилась).

 

-Можно ли GutterColor с ColorHighlighter вместе юзать? Вместе не работают

Можно после того как конфиг поправишь они заработают:

'вот так'

post-29650-0-33307400-1430817783_thumb.jpg

  Edited by kr0ne

Share this post


Link to post

Short link
Share on other sites

 

 

GutterColor реагирует на альт-таб

напрягает почему так?

С цветами вроде разобрался

Пока вроде все. 

Share this post


Link to post

Short link
Share on other sites

 

 

еще один полезный плагин - Gutter Color.

 

Можно заменить или добавить вот на этот плагин Color Highlighter. Найти нашел этот плагин а вот поставить чтобы он работал не получается помогите плиз

Спасибо

Share this post


Link to post

Short link
Share on other sites

Найти нашел этот плагин а вот поставить чтобы он работал не получается помогите плиз

 

Привет. Все дело в том, что Color Highlighter по умолчанию не умеет работать с цветами заданными в формате "0xFFFFFF". Об этом есть заявка на github репозитарии, но пока что это не исправили. Я у себя исправил немного подредактировав исходный код. Итак, чтобы быстро это сделать и не искать на файловой системе где нужные файлы лежат нужно установить еще один плагин. PackageResourceViewer - плагин который позволяет просматривать и редактировать другие пакеты для саблайма. Устанавливается он обычным способом(проблем возникнуть не должно). После того как он установлен, откроем пакет Color Highlighter. Нажимаем Ctrl + Shift + P и в окне команд вводим "prv" и выбираем "Package Resource Viewer: Open Resource"

'вот так:'

post-29650-0-31251700-1433227852_thumb.jpg

Далее в списке пакетов выбираем Color Highlighter и когда покажется список его файлов открываем ColorHighlighter.py(этот файл и нужно подредактировать).

Находим функцию def conv_to_hex8(у меня это было в районе 222 строки)

Нужно дописать еще две функции для конвертации в формат "0xFFFFFF" и обратно. Я их назвал def conv_to_hex9, вот такой код:

def conv_from_hex9(col):
    col = "#" + col[2:8]
    return col.upper()

def conv_to_hex9(base, col):
    col = "0x" + col[1:7] 
    return col #.upper()

чтобы в итоге получилось

'вот так:'

 
def conv_to_hex8(base, col):
    argb = sublime.load_settings(settings_file).get("argb")
    if argb == True:
        # convert to argb instead of rgba
        col = "#" + col[3:9] + col[1:3]
    return col.upper()

def conv_from_hex9(col):
    col = "#" + col[2:8]
    return col.upper()

def conv_to_hex9(base, col):
    col = "0x" + col[1:7] 
    return col #.upper()

def conv_from_named(col):
    res = colors.names_to_hex.get(col)
    if res is not None:
        return res
    return None

 

Теперь нужно добавить регулярку для данного формата, нужно дописать один элемент в словарь color_fmts_data(он у меня после добавления функции на 259стр). Нужно добавить:

"#9": {
        "r_str": "[0x][0-9a-fA-F]{6}",
        "to_hex": conv_from_hex9,
        "from_hex": conv_to_hex9
    },

чтобы в итоге получилось

'вот так:'

color_fmts_data = {
    "#3": {
        "r_str": "[#][0-9a-fA-F]{3}",
        "to_hex": conv_from_hex3,
        "from_hex": conv_to_hex3
    },
    "#4": {
        "r_str": "[#][0-9a-fA-F]{4}",
        "to_hex": conv_from_hex4,
        "from_hex": conv_to_hex4
    },
    "#6": {
        "r_str": "[#][0-9a-fA-F]{6}",
        "to_hex": conv_from_hex6,
        "from_hex": conv_to_hex6
    },
    "#8": {
        "r_str": "[#][0-9a-fA-F]{8}",
        "to_hex": conv_from_hex8,
        "from_hex": conv_to_hex8
    },
    "#9": {
        "r_str": "[0x][0-9a-fA-F]{6}",
        "to_hex": conv_from_hex9,
        "from_hex": conv_to_hex9
    }, 

Ну и последний штрих в коде: найти строку в коде(у меня она 339):

regex_order = ["#8", "#6", "#4", "#3"]

и дописать сюда нашу, чтобы было вот так:

regex_order = ["#9","#8", "#6", "#4", "#3"]

Теперь сохраняем(Ctrl + S). Остается только подправить конфиг:

1) Открываем Preferences -> Packge Settings -> Color Highlighter -> Settings Default

2) Добавляем строку формата, было:

"#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF", 

стало: 

"#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF", "0xFFFFFF",

3) И добавляем расширение xc в список поддерживаемых, было:

"file_exts": [".css", ".sass", ".scss", ".less", ".styl", ".html", ".js", ".sublime-settings", ".tmTheme", ".erb", ".haml"]

стало: 

"file_exts": [".css", ".sass", ".scss", ".less", ".styl", ".html", ".js", ".sublime-settings", ".tmTheme", ".erb", ".haml",".xc"]

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

  • Upvote 2

Share this post


Link to post

Short link
Share on other sites
Открываем Preferences -> Packge Settings -> Color Highlighter -> Settings Default

не дает писать в  Default, могу только в User

и потом смотри вот в этом окне еще цвет отображается и в строке нумерации

post-12531-0-37209300-1433588560_thumb.png

 

перехожу в другое окно такого нет

post-12531-0-32604700-1433588564_thumb.png

 

а тут и так и так

post-12531-0-28363500-1433592967_thumb.png

 

что делать?

спасибо

Edited by MIAPAK

Share this post


Link to post

Short link
Share on other sites

 

 

что делать?

Цвета возле номеров - это дело рук GutterColor. По скольку в конфиге пишутся стандартные форматы цветов - круги показываются. А в файле xc не показываються потому что он не настроен. Посмотри в первом сообщении как его настроить) 

Edited by kr0ne

Share this post


Link to post

Short link
Share on other sites

хелп

на 10-ке лажа

post-17174-0-27809000-1438188179_thumb.jpg

сори не тот кобальт

Edited by Cipo

Share this post


Link to post

Short link
Share on other sites

Уже все, разобрался? Если что - правильная строка: 

"color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme",
"theme": "Cobalt2.sublime-theme",

отсюда тыц

Share this post


Link to post

Short link
Share on other sites

Теперь сохраняем(Ctrl + S). Остается только подправить конфиг:

1) Открываем Preferences -> Packge Settings -> Color Highlighter -> Settings Default

Не могу отредактировать этот конфиг..

Пробовал вручную его открыть из пути, указанного в заголовке окна (см. на прикреплённом скрине), но его там нет.

'скрин'

post-16412-0-52745200-1438776469_thumb.png

 

Upd:

 Создал в "Settings - User" - всё заработало.

Edited by Kotyarko_O

Share this post


Link to post

Short link
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...