Главная › Программы

Sublime Text - редактор кода, в который нельзя не влюбиться

153 комментария

Sublime Text — прекрасный текстовый редактор для веб-разработчиков

Пишу этот пост под большим впечатлением. Не прошло и недели, как я узнал про замечательный текстовый редактор под названием Sublime Text. Если описать одним словом тот эффект, который он на меня произвел, то это просто: "Вау!". Думаю, что настало время сменить старый добрый Rapid PHP, ...

Смотрите также

Русифицированное меню для Sublime Text 2 и 3

349 комментариев

Решил и я вложить свой небольшой вклад в развитие замечательного текстового редактора Sublime Text (релиз 2-й версии которого, кстати, вышел несколько дней назад). Я сделал русскоязычное меню для тех пользователей, у которых есть проблемы с английским ...

Программа для определения цвета на экране: что лучше Zx Color Spy?

Программа для определения цвета на экране: что лучше Zx Color Spy?

64 комментария

Так получилось, что я практически весь период своей деятельности в сфере веб-разработки (а это примерно с 2003—2004 года) неизменно пользуюсь одной и той же программой для получения цвета с любой точки экрана монитора. Называется она Zx Color Spy ...

Rapid PHP — добротный текстовый редактор

87 комментариев

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

Гаджет для Windows 7+ «Цифровые часы»

4 комментария

Захотелось однажды иметь на рабочем столе гаджет часов с красивыми циферками, показывающий текущее время. Поискав готовые гаджеты, я не нашел такого, который бы меня устроил. Поэтому было решено создать свой собственный. Результат выглядит следующим образом: ...

Комментарии (153)

  1. ПафНутиЙ
    11 лет 4 месяца назад

    вот так код (по умолчанию) выглядит в саблайме.
    а вот так в TopStyle
    Я использую «ступенчатую» структуру css-кода и для этого в саблайме придётся делать лишние телодвижения, но это можно впринципе настроить и в снипетах.
    Однако в саблайме невозможно нормально управлять цветами и нет быстрого перехода к имени класса (это видно на панельке слева). Причём в topstyle можно делать свои наборы цветов, он автоматом показывает нормальную палитру с выбором разных наборов самих палитр, показывает похожие цвета и т. д. Ctrl+клик на ссылки (например ссылку на картинку фона) откроет её в просмотрщике. и самое главное — есть небольшое окошко для визуализации внешнего вида редактируемого класса. плюс ко всему Prefixr, встроеный в программу по умолчанию — можно писать чистый css3 а потом просто автоматически добавить свойства с префиксами.
    В тоже время в саблайме мне очень понравилось автозавершение, очень понравилось…

    • Dimox
      11 лет 4 месяца назад / ответ на коммент ПафНутиЙ

      Ясно теперь. У нас с тобой совершенно разный подход к верстке.

      • ПафНутиЙ
        11 лет 4 месяца назад / ответ на коммент Dimox

        Да. Но это касается скорее css. В html думаю подходы схожи у всех, кто этим занимается постоянно)) и однозначно я пересяду на саблайм.
        P. S. Вот сейчас обнаружил что при мультивыделении если закрыть (нечаяно нажал Ctrl+Shift+W), а потом открыть программу — позиции всех курсоров сохраняются… КРУТО!

      • ПафНутиЙ
        11 лет 4 месяца назад / ответ на коммент mihdan

        В Sublime Text 2 есть Prefixr

        спасибо. поставил. вроде так же работает.

        Вопрос с более продвинутым пользователям. Можно ли назначать действия клавиш.
        хочу сделать, чтобы в css закрывающая скобка ставилась с табуляцией. написал в. sublime-keymap

        [
{ "keys": ["{"], "command": "insert_snippet", "args": {"contents": "{nt$0nt}"}, "context":
		[
			{ "key": "setting.auto_match_enabled", "operator": "equal", "operand": true },
			{ "key": "selection_empty", "operator": "equal", "operand": true, "match_all": true },
			{ "key": "following_text", "operator": "regex_contains", "operand": "^(?:t| |\)|]|\}|$)", "match_all": true }
		]
	}
]

        всё работает, но во всех синтаксисах. Наверняка сделать отдельные клавиши для css проще чем я думаю. Буду благодарен за подсказку. т.к. в доках на оффсайте я не смог (с инглишем тяжело у меня) как это сделать.

        • ПафНутиЙ
          11 лет 4 месяца назад / ответ на коммент ПафНутиЙ

          Разобрался с назначением клавиш для отдельного синтаксиса (CSS)
          получилось вот такое содержимое файла пользовательских хоткеев:

          [
{ "keys": ["{"], "command": "insert_snippet", "args": {"contents": "{nt$0nt}"}, "context":
		[
			{ "key": "setting.auto_match_enabled", "operator": "equal", "operand": true },
			{ "key": "selection_empty", "operator": "equal", "operand": true, "match_all": true },
			{ "key": "selector", "operator": "equal", "operand": "source.css - meta.selector.css", "match_all": true },
			{ "key": "following_text", "operator": "regex_contains", "operand": "^(?:t| |\)|]|\}|$)", "match_all": true }
		]
	}
]

          Ключевая строка:

          { "key": "selector", "operator": "equal", "operand": "source.css - meta.selector.css", "match_all": true },

          не знаю как и почему, но работает как надо)

  2. Александр
    11 лет 4 месяца назад

    Очень понравилась Ваша статья! Скажите, пожалуйста, возможно ли в ST 2 реализовать горизонтальную прокрутку? Просто если длинный код не удобно, когда он разбивается на две строки.

  3. Евгений
    11 лет 1 месяц назад

    Автор, комментаторы, подскажите, что можно придумать с фолдингом? У саблайма он мягко говоря довольно примитивный. Свернуть участок HTML-кода если нарушена табуляция иерархии внутри просто невозможно. Нужно обязательно чтобы дочернее содержимое не выдавалось вперед, иначе сворачиваться будет часть содержимого.

    И главный вопрос, в ST2 разве нет клавиатурного сочетания для перемещения от открывающей части HTML-тега к закрывающей при положении курсора на этих частях тега? Ведь если имеется очень увесистый тег-родитель, занимающий два экрана, не скроллить же визуально определяя конец? Если нет сочетания клавиш (по крайней мере я не нашел такового), может имеется какой-то плагин? Который в отличие от BracketHighlighter умеет видеть теги ниже видимых на экране. Он тупо не видит, что происходит дальше экрана, и подсвечивает закрывающую скобку открывающей части тега, как закрывающую часть :)

  4. Евгений
    11 лет 1 месяц назад

    К редыдущему комментарию, про BracketHighlighter я наврал, на самом деле видит. Т. е. сочетания для выделения тега и содержимого тега работают. Перебивалось саблаймом его сочетание клавиш alt+down и alt+up :) Вопрос про фолдинг остается открытым.

    • Dimox
      11 лет 1 месяц назад / ответ на коммент Евгений

      С фолдингом ничем не могу помочь, к сожалению. Никогда им не пользовался.

      Спасибо за подсказку по переходу по тегу! Очень не хватало этой возможности. BracketHighlighter у меня давно установлен, а про эти горячие клавиши и не знал =)

  5. Seojazz
    11 лет 1 месяц назад

    Dimox, спасибо за обзор и перевод менюшки, редактор действительно крутецкий!
    Такой вопрос, никак не могу добиться такого автокомплита в CSS — img.ii4.ru/images/2012/11/04/285 248_kiss_67kb.png
    у меня, почему-то просто свойство выводит — img.ii4.ru/images/2012/11/04/285 249_kiss_7kb.png
    Подскажи, пожалуйста, если знаешь в чём причина.
    Спасибо.

  6. Евгений
    11 лет 1 месяц назад

    Поделитесь пожалуйста файлами .aff и .dic для проверки орфографии. Не могу найти адекватные.

  7. Евгений
    11 лет назад

    Никто не в курсе, можно ли разукрасить вот эту штучку http://clip2net.com/clip/m150515/1 352 841 978-clip-18kb.png?
    Никак не могу найти где она определена.

    • Dimox
      11 лет назад / ответ на коммент Евгений

      Для имени тега:

      		<dict>
			<key>name</key>
			<string>Tag name</string>
			<key>scope</key>
			<string>entity.name.tag</string>
			<key>settings</key>
			<dict>
				<key>foreground</key>
				<string>#EA0000</string>
			</dict>
		</dict>

      Для угловых скобок:

      		<dict>
			<key>name</key>
			<string>Tag start/end</string>
			<key>scope</key>
			<string>punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end</string>
			<key>settings</key>
			<dict>
				<key>foreground</key>
				<string>#EA0000</string>
			</dict>
		</dict>
  8. Евгений
    11 лет назад

    Кстати еще вопрос, есть ли вменяемый и свежий набор сниппетов для jQuery? Через Package Control либо несколько штук ставятся, либо какой-то пак, но устанавливается с ошибкой и через точку написанные в нем плагины табится и в автокомплите всплывать отказываются)

  9. New
    9 лет 8 месяцев назад

    В Notepad++ есть плагин позволяющий открывать версии новые из бекупчика и сравнивать разные версии 1 и того же скрипта (Compare). Весьма полезная штука)
    есть ли какой-либо аналог в ST3?

  10. Deimos
    9 лет 5 месяцев назад

    Dimox, поделесь пожалуйста своей цветовой схемой, ту которую ты выкладывал ранее удалили =(
    Заранее спасибо!

  11. Алексей
    6 лет 3 месяца назад

    Dimox, в Notepad++ есть такие функции как удалить пробелы в начале и конце строки, и удаление пустых строк. А в Sublime Text такое есть не в курсе?
    Просто сколько рыл, ничего подобного не нашел, а так как редактор использую ещё и для редактирования статей, их очень не хватает.

  12. влас
    @
    1 год 8 месяцев назад

    Здравствуйте. Как в Sublime Text заменить РАЗНЫЕ куски текста на одинаковый?
    Например: есть тысяча страниц с div в котором тысяча разных текстов

    надо заменить содержимое этого div на одинаковый текст

    то есть в поле FIND разный текст хотелось бы заменять например звёздочкой. Типа
    div class="one"> *(найдётся любой текст в этом диве)

  13. влас
    @
    1 год 8 месяцев назад

    если для этого нужно т.н. «регулярное выражение», то не нашел символа, заменяющего всё.

Ваш комментарий