#html #editor #haml #coda #macrabbit-espresso
#HTML #редактор #haml #coda #macrabbit-espresso
Вопрос:
Я только что открыл для себя прекрасные Haml и Sass и хочу разрабатывать на этих языках, но с предварительным просмотром в реальном времени. Coda и Espresso позволяют создавать красивые предварительные просмотры HTML-файлов в режиме реального времени, но предварительные просмотры файла Haml просто показывают его в виде обычного текста.
Хотя для Эспрессо существуют сахара, добавляющие подсветку синтаксиса, что неплохо, я хотел бы что-то, что автоматически компилирует файлы Haml в HTML, а затем позволяет мне просматривать их вместо Haml.
Существует ли что-либо подобное для Coda, или Espresso, или для любого другого инструмента веб-разработки?
(Если это имеет значение, я разрабатываю не для Ruby on Rails, я создаю статический веб-сайт, поэтому плагин Ruby on Rails не должен помогать AFAIK. Программы, которые я опробовал, были StaticMatic и Middleman. Разработка StaticMatic, похоже, прекращена, и по какой-то причине MiddleMan отказывается работать после создания моей первоначальной структуры каталогов. Возможно, я использую это неправильно.)
Ответ №1:
Я не использую Espresso, поэтому без комментариев. Однако Coda не предоставляет никакой поддержки Haml или Sass, которую я могу найти. Я внимательно следил за форумами Coda, поскольку я платный пользователь, и, похоже, скоро выйдет версия 2.0. Кто знает, возможно, это будет включено.
На данный момент, поскольку вы не используете Ruby on Rails, я мог бы предложить TextMate. Он не поддерживает Haml или Sass «прямо из коробки», но его можно настроить для этого с помощью «пакетов».
Установка пакета HAML для TextMate — это руководство по настройке TextMate для Haml / Sass, и я подозреваю, что есть и другие.
Тем не менее, примерно за ту же стоимость, что и TextMate, вы можете приобрести RubyMine (69 долларов), который поддерживает как Haml (через RubyGem), так и Sass (через плагин), а также может обрабатывать внутренний запуск Sass —watch. Я знаю, что вы не используете Ruby, поэтому, возможно, идея использования инструмента, в первую очередь предназначенного для Ruby, вам не нравится, но он действительно отлично работает как в средах Haml, так и в средах Sass.
Третьим вариантом может быть BBEdit, который также может обрабатывать как Haml, так и Sass. Некоторая информация о плагине для BBEdit находится в BBEdit-Codeless-Language-Module-for-HAML-SASS.
Я надеюсь, это поможет.
P.S.: Я платный пользователь на всех упомянутых мною платформах. Хотя я использую RubyMine в качестве основного инструмента, я обнаружил, что TextMate по-прежнему находит широкое применение, когда я программирую и мне нужно быстрое, удобное окно для просмотра кода. Я раньше использовал BBEdit, когда мне нужно было выполнить сложный поиск и замены в стиле регулярных выражений, но затем я обнаружил, как сделать то же самое в TextMate, так что BBEdit вроде как собирает пыль. Coda? Это выглядит красиво, но уже не так эффективно выполняет свою работу (хотя Panic’s Transmit по-прежнему остается основным приложением).
Комментарии:
1. Вау, спасибо, этот ответ очень поможет. У меня уже был textmate, но я давно им не пользовался, предпочитая редакторы, более ориентированные на веб-дизайн, такие как Coda, в которых есть предварительные просмотры и тому подобное. Тем не менее, я собираюсь опробовать каждое из трех упомянутых вами решений и посмотреть, у какого из них самый простой рабочий процесс.
2. Coda 2.0 не добавила предварительный просмотр HAML или подсветку синтаксиса
Ответ №2:
Есть два плагина для Coda 2, о которых я знаю:
Coda-Sass-плагин доступен на GitHub и позволяет сохранять ваши scss-файлы в css. Я работал на себя, хотя меня не совсем устраивала необходимость постоянно обновлять несколько вкладок.
LessCSS доступен на сайте incident57 dot com. Хотя я так и не смог заставить это работать, это привело меня к CodeKit (CodeKit был законсервирован из-за производства CodeKit).
CodeKit имеет возможность просматривать папки и генерировать css-файлы из sass или less при их сохранении. Он также поддерживает Stylus, Haml, Javascript, CoffeeScript, Jade, Slim и Kit.
Ответ №3:
Хорошо, для тех, кто еще ищет ответ на этот вопрос, я решил предложить другое решение. Я использую свои обычные редакторы, наряду с ‘serve’, Ruby gem, который запускает веб-сервер с использованием WEBrick и автоматически компилирует любые файлы, которые, как он обнаруживает, были изменены. Сюда входят файлы HAML, Sass, Slim, Markdown и т.д. Я собираюсь использовать либо предварительный просмотр в режиме реального времени в Coda, либо минималистичный браузер под названием Playground, который устраняет необходимость нажимать «Обновить» при изменении локального файла, который он отображает.
На данный момент этот рабочий процесс хорош, хотя в нем нет встроенного метода для преобразования всего сайта в статический сайт, когда я закончу и захочу развернуть. Это функция в middleman, но middleman по-прежнему отказывается запускаться, потому что его зависимость thin отказывается работать с 64 битами. Возможно, мне придется вручную скомпилировать все файлы с помощью команды терминала, и я надеюсь, что интерпретатор Haml справится с объединением файлов шаблонов с каждым файлом, в чем я серьезно сомневаюсь на данном этапе. Это ограничение и, следовательно, продолжающаяся зависимость от «serve» могут заставить меня рассмотреть одно из других приложений, перечисленных на странице, Haml отстой для контента.