Как стать автором
Обновить

Sublime Text 3 для верстки сайтов. Настройка внешнего вида и установка плагинов. Руководство для начинающих

Время на прочтение 8 мин
Количество просмотров 212K
Всего голосов 29: ↑18 и ↓11 +7
Комментарии 28

Комментарии 28

НЛО прилетело и опубликовало эту надпись здесь
Пользуюсь Sublime уже 6 лет, но с прискорбием признаю, что он начинает крупно сливать VS Code. Видимо пора его на Rust переписать, чтобы он хотя бы в плане скорости обошел всех конкурентов и интерфейс работы с плагинами сделать проще как для программистов, так и для конечных пользователей.
Я вот тоже давно с Sublime. Про работу с плагинами точно нужно проще. Я по этому и сделал обзор для начинающих. Но, судя по опросу таки сливает VS Code :)
Я бы подождал последним заявлением хотя бы пару дней, пока большинство посмотрит статью.
А так интересно, спасибо
Ну, да, я про результат на эту минуту. Спасибо за отзыв!
Кажется мне, что дело не в быстроте (Sublime всё же пошустрее открывается, чем VS Code), а в том, что VS Code бесплатный и из коробки более функциональный. В подавляющем большинстве туда достаточно поставить:
  • Языки, которых не хватает (ставим нужные плагины);
  • Нормальные шорткаты (ставим плагин с предпочитаемой схемой);
  • Пак иконок по вкусу (ставим плагин с иконками);

И вуаля — удобный текстовый комбайн со всеми необходимыми инструментами, которые всегда под рукой.
Я использовал Sublime 2 еще, потом вышел 3, денег опять попросили. А курс доллара уже больше 60. Я как-то напрягся внутренне и перешел на Atom. Да, он прожорливей, но бесплатно. А потом попробовал VS Code и вообще не понимаю зачем покупать Sublime. Да и Atom заметно ускорился.
Понятно, на сегодняшний день разработчики дают пользоваться Sublime 3 бесплатно неограниченное кол-во времени с полным функционалом. Как будет дальше неизвестно.
В бесплатной же версии выскакивает модалка после каждых 10 сохранений — пользоваться фактически можно только для «чтения».
Небольшой хак, как исправить данное поведение в windows. Требуется установленный пакет github.com/packagecontrol/sublime-pywin32
hide_modal.py
from sublime_plugin import EventListener
import win32gui;
import win32con;

hWnd = None

class HideModal(EventListener):

    def on_post_save_async(self, view):
        global hWnd
        if not hWnd:
            hWnd = win32gui.FindWindow(None, "This is an unregistered copy")
            if hWnd:
                win32gui.ShowWindow(hWnd, win32con.SW_HIDE)

Хорошая статья. Я бы еще добавил про макросы для быстрой верстки и поиск-замену в файлах с Regexp.
Спасибо. Совет дельный! Просто статья совсем для начинающих, а от слов «макросы» и «Regexp» мне самому стршно :)
:\ но как же без этого? Ведь это самый цимус Sublime Text 3!
VSCode хорош тем, что у него большинство фич доступны из коробки. И не надо особо париться с выбором и установкой плагинов.
Плюс есть плагин, который меняет шорткаты на такие же как в саблайме.

только многих там всо равно нет. например cmd+shift+m

`cmd+shift+m` — на самом деле единственное чего реально нe хватает. Но да, бесит немного.
Вопросы про подсветку синтаксиса:
1. Как сделать чтоб редактор внутри ASP тэгов <% и %> понимал код Perl?
плугины ASP и HTML(ASP) — считают что внутри тэгов VB.
2. Как сделать чтоб в Perl коде редактор не пытался указать на некоторые неопознанные переменные, т.к. код от фреймворка и эти переменные определены вне скопа данного скрипта.
3. Конструкция «use vars qw($var1 $var2);» не опознаётся, соответственно переменные, описанные в ней редактором считаются не определёнными и он помечает их как ошибки.

— имхо, пока самая лучшая (понимающая вложенные блоки) подсветка синтаксиса — «FarColorer».
А где Webstorm в опросе? Возможно ошибаюсь, но скорее всего, это самый мощный инструмент верстальщика и в общем — фронтендера.
Текущие результаты голосования показывают, что выбор вариантов был малость неудачным :) Два варианта с 0 и 3 голосами, и 25% — «другой». Думаю, в этих 25% доля WebStorm / IntelliJ IDEA довольно велика (я IDEA использую, скажем).
Пользуюсь больше 3 лет sublime 3 и чувствую себя прекрасно. Огромный минус или плюс — он почти целиком и полностью состоит из плагинов.

Из полезных, могу добавить GitGutter.
Может я чего-то не до конца понимаю, но разве одним из преимуществ препроцессоров не является древовидность?
.block
    &_element


Тогда получается, что плагин tag вообще бесполезен. Поправьте, если я не прав
Можно и -15:
"margin": -15,  // Отступ
Оффтопный вопрос: а почему у вас стандартная курсор-стрелка развёрнута в другую сторону?
Я левша :) По этому поводу даже хотел писать в майкрософт что бы они сделали разворот стрелки при смене кнопок мыши :) Но потом нашел набор кусоров и меняю их вручную. Вот такая история :)

Пробовал Sublime 3, вернулся на Notepad++. Там многие вещи удобнее. В Sublime чтобы найти в открытых файлах надо пункт в менюшке выбирать, 3 нажатия вместо одного. Подсчет совпадений совмещен с поиском и поэтому прокручивает к первому результату, это не всегда нужно, приходится обратно переходить. Результаты поиска в файлах в отдельном документе, надо layout настраивать, чтобы они были внизу, а когда результаты закроешь, такой layout остается. Настройки текстовые, сплошным текстом в одном файле. 80 баксов за лицензию, вам лень нормальный диалог сделать с разделением по табам? Там JSON, можно было хотя бы в объекты сгруппировать. В незарегистрированной версии еще и диалог про лицензию выскакивает каждые 10 сохранений, для разработки пользоваться невозможно. PhpStorm 89 стоит, а Notepad++ вообще бесплатный.

Пользуюсь Notepad++, стиль оформления Obsidian, шустрый в работе и легкий интерфейс.
...«память» у Sublime и при следующем открытии программы откроются и все последние файлы. И да, память работает и после перезагрузки компа.

А разве, эта возможность, не идет из коробки? Я, ничего не ставил и не прописывал, для этого специально, а файлы с которыми работал вчера — открываются. И не сохраненные, в том числе.
Видимо, в новых версиях уже по умолчанию.
Зарегистрируйтесь на Хабре , чтобы оставить комментарий

Публикации

Истории