Задать вопрос
@booogabooo
html

Как настроить Sublime Text 3 для верстальщика?

Как настроить Sublime Text 3 для верстальщика? Например, как можно прямо из программы запускать созданный HTML файл в браузерах?
  • Вопрос задан
  • 13558 просмотров
Комментировать
Подписаться 19 Оценить Комментировать
Решения вопроса 3
Hando
@Hando
Верстак
Лично я использую:
1) Sass (трудно объяснитьв двух словах, лучше прочитать документацию по этой технологии, если она вам неизвестна)
2) Compass (кроссбраузерная компиляция sass, нарезка спрайтов)
3) Emmet (экономит время написания html)
4) SFTP (фтп-клиент)
5) CSSComb (форматирует css)
6) SassBeautify (форматирует код в sass)
Ответ написан
Комментировать
Комментировать
@7rulnik
Небольшой джентельменский набор:
Emmet
SideBarEnhancements (умеет открывал хтмл по комбинации клавиш)
SFTP
Less/Saas
Prefixr
AdvancedNewFile
LiveReload
AutoFileName

Естественно всё субъективно.
Все устанавливается через Package Control.
Тут можете поискать еще что-нибудь.
Ответ написан
1 комментарий
1 комментарий
@yarikus
Я бы рекомендовал вам использовать WebStorm 8. Там все есть из коробки + удобный автокомплит и просто наикрутейший spy-js. А Sublime тоже хорош, но как дополнительный инструмент, этакий перочинный ножик от веба. У меня лично оба редактора всегда открыты. А по теме, я раньше этим постом руководствовался: habrahabr.ru/post/154667
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 3
RadiationX
@RadiationX
Front-End разработчик
Установи Brackets вместо саблайма)
Ответ написан
6 комментариев
6 комментариев
Freika
@Freika
Senior Ruby on Rails developer
livereload
Ответ написан
Комментировать
Комментировать
Vadimdev
@Vadimdev
Лично я первым делом ставлю Package Control, а далее:

sass — настроим корректную подсветку SASS в Sublime Text 3.
jade — HTML препроцессор.
gist — плагин для быстрого доступа к вашим сниппетам на GitHub.
brackethighlighter — подсветка скобок, тегов в Sublime Text 3.
autofilename — автокомплит для подключения внешних файлов в верстку.
colorhighlighter — подсветка цвета.
BufferScroll — сохранение позиции курсора в документе.
Goto-CSS-Declaration — плагин для быстрого поиска соответствующего класса в CSS, SASS, LESS.

Поставив Emmet не забудьте убрать "Auto complite" в настройках, ну и по удобству в key binding добавьте функцию "reindent"
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Куплю клоаку на Python
05 мая 2024, в 07:41
2000 руб./за проект
Доработать интеграцию с внешней платежной системой на Тильде
05 мая 2024, в 07:38
10000 руб./за проект
Внести правки в проект на nest и react
05 мая 2024, в 06:38
50000 руб./за проект
Ещё заказы