• июля 14, 2011

    Веб-разработка в Eclipse: HTML и CSS

    Когда-то давно, работая ещё в Студии Лебедева, я рассказывал про использование Eclipse IDE в веб-разработке. Тогда моими основными инструментами были Aptana для HTML и CSS и Spket IDE для JS. С тех пор много воды утекло: Aptana всё дальше отходила от идей Eclipse IDE, всё больше превращаясь в самостоятельный продукт для Rails-разработки, а Spket IDE не обновлялся с октября 2009. В это же время проекты, с которыми я работаю, становились всё больше и сложнее и текущего инструментария уже не хватало. Руководствуясь принципом «если хочешь, чтобы что-то было сделано хорошо — сделай это сам» я принялся допиливать IDE до нужного мне состояния.

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

    Как я уже написал, Aptana превратилось в некого монстра, с избыточным для не-Rails технологам функционалом. Поэтому в качестве платформы я выбрал более простой и, главное, лучше интегрированный в IDE плагин — Eclipse Web Tools Project.

    Eclipse Web Tools Project

    Как можно понять из названия, Eclipse WTP — это инструменты для веб-разработки, а не законченный проект (как Aptana, например). Цель этого проекта: создать платформу, на основе которой можно создавать другие, узкоспециализированные инструменты. Этот проект включает в себя редакторы для CSS, HTML, XML, XSL, JavaScript (отдельный большой проект под названием Eclipse JSDT; о нём расскажу в следующих частях). Проект частично включён практически во все официальные сборки Eclipse, но для начинающих пользователей рекомендую ставить Eclipse for JavaScript Web Developers, в ней есть всё.

    Чтобы не пересказывать документацию, кратко приведу основные возможности:

    • подсветка кода;
    • сворачивание/разворачивание кусков кода (code folding);
    • outline и quick outline (на последний рекомендую обратить особое внимание, по умолчанию вызывается через Ctrl+O или ⌘O);
    • выделение границ тэгов (aka Balancing), смотрите в основном меню Edit > Expand Selection To;
    • content assist по тэгам, атрибутам и значениям некоторых атрибутов;
    • quick fix: переименование тэга (автоматически меняет открывающий и закрывающий тэги), обрамление тэгом;
    • форматирование всего/выделенного кода;
    • автоматическое закрытие тэгов.

    Итак, с платформой определились, теперь нужно её настроить для комфортной работы.

    Включаем поддержку HTML5 и CSS3

    Eclipse WTP в версии 3.3 (которая доступна для Eclipse Indigo) появилась поддержка тэгов HTML5 и некоторых свойств CSS3. Однако сразу они не доступны, нужно немного пошаманить с проектом:

    1. Открываем свойства проекта: Project > Properties.
    2. Переходим на вкладку Project Facets и жмём на ссылку Convert to faceted form…
    3. В появившемся окне выбираем фасет Static Web Module, жмём Apply.
    4. Закрываем окно с настройками проекта.

    Теперь в content assist будут доступны новые тэги и свойства. Если нет — снова открываем свойства проекта и идём на вкладку Web Content Settings, где настраиваем профили для HTML и CSS.

    Включаем проверку правописания

    Eclipse IDE с версии 3.4 (если мне не изменяет память) поддерживает проверку правописания, и по умолчанию доступен только английский словарь. Чтобы включить проверку правописания русского языка, делаем следующее:

    1. Скачиваем и распаковываем русский словарь.
    2. Открываем настройки Eclipse, идём в General > Editors > Text Editors > Spelling
    3. В User defined dictionary выбираем распакованный ru.dict.
    4. Ставим кодировку UTF-8

    Всё, теперь, если редактор, которым вы пользуетесь, написан по гайдам Eclipse Platform, вам будет доступна проверка правописания.

    Eclipse WTP Sugar

    Самую большую ломку при переходе с Aptana на Eclipse WTP у меня вызывало отсутствие content assist для путей к файлам (например, в <script src="...">): приходилось писать все пути к файлам вручную, что сильно утомляло. Да и в Aptana он был не идеальным: работал только внутри атрибута src (<script src="...">, <img src="..."> и т.д.), но не работал внутри href (<link href="...">, <a href="...">) и уж тем более не в CSS (background url(...), @import url(...)).

    Поэтому, потратив несколько месяцев на изучение Java и архитектуры Eclipse IDE, я написал свой content assist, который исправит этот недостаток, а заодно несколько других (о них чуть позже).

    Свой проект я назвал Eclipse WTP Sugar, репозиторий для установки: http://media.chikuyonok.ru/eclipse/webdev/updates/, исходный код доступен на GitHub.

    Плагин устанавливается очень просто, как и все остальные:

    1. Идём в Help > Install New Software…
    2. В качестве репозитория (поле Work with) вбиваем http://media.chikuyonok.ru/eclipse/webdev/updates/.
    3. В появившемся списке плагинов выбираем необходимые и жмём кнопку Next.
    4. Далее проходим стандартную процедуру установки (соглашаемся с лицензией, всё время жмём Next или Finish) и перезапускаем Eclipse.

    Теперь, при нажатии Ctrl+пробел внутри атрибутов src и href можно увидеть список файлов:

    ss01

    Список файлов также выдаётся и в CSS, внутри функции url():

    ss02

    Список файлов по возможности фильтруется. Например, если его вызвал внутри тэга <script>, то увидите список файлов с расширением js, если внутри <link rel="stylesheet"> — файлы с расширением css.

    Возвращаясь к разговору о том, что создатели программ для вёрстки сами толком сайты не верстают. Что если нужно использовать абсолютные пути для ссылок на файлы? По умолчанию считается, что абсолютный путь нужно резолвить относительно папки с проектом. Но почему никому не пришла в голову мысль, что веб-пространство проекта не всегда совпадает с корневой папкой проекта? В этом плагине проблема решена: в настройках проекта можно указать, относительно какой папки нужно резолвить абсолютные пути (Project > Properties > Document root):

    ss03

    Quick outline

    Следующее, что хотелось изменить, так это quick outline: специальное контекстное окошко, которое показывает в компактном виде текущую структуру документа:

    ss04

    Эту структуру можно фильтровать, чтобы найти нужны элемент (поиск осуществляется с начала строки, можно использовать символы * и ?). Но, как видно из скриншота, в структуре выводятся только названия тэгов, что делает её малопригодной. WTP Sugar исправляет этот недостаток, выводя гораздо больше полезной информации, по которой, в том числе, можно искать:

    ss05

    Eclipse XV Browser

    Не так давно я написал просмотрщик XML-файлов под названием XV Browser. В том посте я показал, что его можно использовать внутри Eclipse, однако не учёл один важный факт: работать это будет только если у вас Mac, а в качестве основного браузера используется Safari с установленным плагином XV 🙂

    Eclipse XV Browser исправляет этот недостаток. Он представляет из себя обёртку для встроенного браузера (это может быть Webkit либо Mozilla, в зависимости от ваших настроек и версии Eclipse). С помощью этого плагина можно прросматривать любой сайт в виде XML-структуры (Window > Show View > Other… > XV Browser), либо открывать просматривать XML-файлы проекта (правый клик по файлу, Open With… > XV Browser).

    Пожелания?

    Если есьт какие-то идеи по улучшению плагинов — пишите в Issues проекта. Пока в планах:

    • content assist по классам и идентификаторам, описанных в CSS;
    • быстрый переход к CSS-определению класса или идентификатора;
    • виджеты для редактирования CSS Gradients и CSS Box Shadow.

    В следующей статье рассмотрим, как улучшить работу с Eclipse JSDT (JavaScript).

    Метки: , , ,

    • 65 комментариев

    1. BOLVERIN
      14 июля 2011

      а чем PDT не подошел?

    2. Сергей Чикуенок
      14 июля 2011

      PDT — плагин для разработки на PHP, а не HTML/CSS/JS

    3. BOLVERIN
      14 июля 2011

      угу. но верстать или скрипты писать на жабескриптах тож очень удобно

    4. Дмитрий
      14 июля 2011

      В работе использую PHPStorm от LetBrains. После долгих стенаний (Coda, Eclipse, Aptana, NetBeans) нашел для себя «рай на земле».

    5. Vasiliy Aksyonov
      14 июля 2011

      WebStorm пробовали? (Выше было про PhpStorm, но тем не менее)

    6. morr
      14 июля 2011

      лучше вима человечество еще ничего не придумало 🙂

    7. yerlankussainov
      14 июля 2011

      Зачем говорить о том, что лучше. Человек бесплатно делится знаниями =) Сам использую textmate, но приятно все равно почитать! Спасибо!

    8. iurevych
      14 июля 2011

      В этом IDE мне бы не хватало:
      скорости работы
      сплитов
      быстрый поиск/навигация по выделению
      html -> slim (http://slim-lang.com)
      css -> sass (http://sass-lang.com)
      автокомплита по открытым сплитам

    9. iurevych
      14 июля 2011

      не знаю как обстоят дела с интеграцией jslint, довольно полезный тул

    10. da-eto
      14 июля 2011

      Спасибо большое, Сергей.

      > В следующей статье рассмотрим, как улучшить работу с Eclipse JSDT (JavaScript).

      Вот этого действительно не хватает, с нетерпением жду следующей статьи.

    11. Andrew
      14 июля 2011

      Спасибо! Очень полезные штуки.

    12. denisx
      14 июля 2011

      а idea? 🙂

    13. tibalt
      14 июля 2011

      почти все это уже есть, к примеру, в pycharm или любом другом продукте от jetbrains

    14. Hiway
      14 июля 2011

      Здравствуйте, Сергей. Спасибо за замечательную статью. Скажите, а будет ли ваш плагин Eclipse WTP Sugar работать если его установить как плагином к Aptana 3?

    15. Dark Delphin
      14 июля 2011

      В Eclipse сильно не хватает такой же мощности Find/Replace как в Dreamweaver и сниппетов с табстопами как в Textmate или Komodo Edit. ZenCoding весьма хорош, но не хватает кастомизации(
      Не хватает возможности одновременного многострочного редатирования как в выше упомянутых Textmate и Komodo Edit.
      И порой content assist уж больно замусорен лишними подсказками. Опять таки у Dreamweaver он удобней (имхо! чем у Eclipse и даже более заточенной под web Aptan’ы)

    16. Сергей Чикуенок
      14 июля 2011

      @BOLVERIN, в PDT, насколько я знаю, нет своего редактора для HTML/CSS/JS, там как раз используется WTP.

      @Vasiliy Aksyonov

      WebStorm пробовали? (Выше было про PhpStorm, но тем не менее)

      Пробовал. Меня он не устраивает по некоторым вещам. Во-первых, он ужасно выглядит, во-вторых, он ужасно выглядит, в-третьих, там нет ряда полезных инструментов вроде Mylyn и нормальной интеграции с Apache Ant. А в плане работы эта IDE прекрасна.

      @iurevych

      В этом IDE мне бы не хватало:
      скорости работы
      сплитов

      Хм, что такое сплиты?

      быстрый поиск/навигация по выделению

      Есть AnyEdit, который позволяет быстро открыть файл под курсором или найти его в проекте, есть инкрементальный поиск, есть quick outline с поиском, есть быстрый переход к определению метода/переменной для разных ЯП, есть всякие поисковики, которые позволяют искать в файлах проекта с учётом морфологии. Чего именно не хватает?

      html -> slim (http://slim-lang.com)
      css -> sass (http://sass-lang.com)

      Можно посмотреть в сторону Eclipse Xtext, он позволяет быстро создавать редакторы для DSL, причём не только с подсветкой, но и code complete, quick fix и т.д.

      не знаю как обстоят дела с интеграцией jslint, довольно полезный тул

      Есть плагин с jslint4java, правда, я им не пользуюсь: для валидации кода я использую JSDT, а для проверки кода на соответствие стилю можно настроить запуск того же jslint/jshint через Ant.

      Скажите, а будет ли ваш плагин Eclipse WTP Sugar работать если его установить как плагином к Aptana 3?

      Нет, плагин интегрируется только в Eclipse WTP.

      В Eclipse сильно не хватает такой же мощности Find/Replace как в Dreamweaver

      Не пользовался Dreamweaver, но лично мне с головой хватает поиска и замены, который есть в Eclipse. Там есть поддержка regexp, а ещё есть ускоспециализированные поисковики (поставляются с отдельными плагинами), вроде поиска всех вызовов определённого метода класса в проекте.

      и сниппетов с табстопами как в Textmate или Komodo Edit.

      Сниппеты с табстопами есть (они называются Templates), причём куда более навороченные. Например, можно сделать так, чтобы по сниппету работал code complete и выдавал список переменных с типом Array (зависит от IDE).

      ZenCoding весьма хорош, но не хватает кастомизации(

      Практически все аспекты ZC можно поменять в настройках, в том числе создать новые сниппеты с табстопами.

      И порой content assist уж больно замусорен лишними подсказками. Опять таки у Dreamweaver он удобней (имхо! чем у Eclipse и даже более заточенной под web Aptan’ы)

      Прелесть Eclipse в том, что там, в отличие от Dreamweaver, вы сможете относительно легко изменить список дополнений 🙂

    17. Dark Delphin
      14 июля 2011

      Спасибо за подробный ответ! Сдается мне, что я упустил тонну полезных вещей.
      Чувствую себя откровенным нубом((, хотя версткой занимаюсь не первый год. Чтож, будем восполнять пробелы в знаниях..
      Было бы еще в Eclipse многострочное редактирование, была бы идельная среда.
      Много раз пробовал перейти на нее, потом отказывался, потом снова пробовал, и так не один раз.
      Перепробовал: E Texteditor, NetBeans, Dreamweaver, Notepad++, Komodo Edit, Aptana и прочие менее интересные редакторы и среды, но ни одна из них не сочитала в себе всего, что требовалось для быстрой и эффективной работы. Теперь знаю, что Eclipse можно «доработать напильником» до нужного состояния.
      Еще раз спасибо за комментарий.

    18. Hiway
      14 июля 2011

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

      Здравствуйте, Сергей. Спасибо за замечательную статью. Скажите, а будет ли ваш плагин Eclipse WTP Sugar работать если его установить как плагином к Aptana 3?

      Попробовал и сам понял, что написал ерунду, так как это же плагин к «Eclipse Web Tools Project» и без него естественно он работать не будет.

    19. Sergey
      15 июля 2011

      Dark Delphin попробуйте ещё Sublime Text 🙂

    20. Kir
      15 июля 2011

      А Zen Coding как-то к Еклипсу можно подключить?

    21. Иван
      15 июля 2011

      Добавьте поддержку less синтаксиса, http://lesscss.org/
      С подсветкой, автодополнениями, переформатированием и прочим.

    22. Dark Delphin
      15 июля 2011

      @Sergey

      Спасибо, но и этого «зверя» я пробовал, пока что остановился на Komodo Edit.
      Пробую доработать напильником новый Eclipse. Кстати сборка Indigo пошустрее Helios, что радует.
      Не радует лишь то, что нельзя вызывать развертывание сниппета по Tab’у, все время этот грешный Ctrl+Space(

      @Kir

      Можно! Help -> Install New Software… -> Add…
      В поле Name — что угодно
      В поле Location — http://zen-coding.ru/eclipse/updates/
      Отметить чекбокс с zen-coding, а дальше сплошные Next’ы…
      Вся информация на https://github.com/sergeche/eclipse-zencoding

    23. vasyas
      15 июля 2011

      Установил плагин, спасибо.

      Не могу настроить Document Root — в Project > Properties нет Document root.
      В чем может быть проблема?

    24. Сергей Чикуенок
      15 июля 2011

      @Иван

      Чтобы добавить поддержку LESS, нужно писать отдельный редактор. Вы можете сами попробовать сделать простенький редактор для LESS через Eclipse Xtext

      @vasyas
      Какая ОС и версия Eclipse?

    25. vasyas
      15 июля 2011

      @sergey,

      3.7.0 Indigo 64b, Linux 64b

      Возможно потому, что тип проекта — Java?

    26. Сергей Чикуенок
      15 июля 2011

      @vasyas
      Если смотреть через Package Explorer, то действительно для Java-проектов не показывает. Попробуйте посмотреть через Project Explorer

    27. vasyas
      15 июля 2011

      2sergey,

      заработало, спасибо 🙂

      Занести в issues на github?

    28. Сергей Чикуенок
      15 июля 2011

      Да, можно занести, как будет время — проверю

    29. Константин
      15 июля 2011

      Сергей, спасибо большое за ваши плагины.
      Zen Coding — это вообще мастхэв-плагин. Очень помогает.
      У меня вопросик касательно WTP Sugar: классная вещь. Но у меня (Eclipse 3.7) content assist работает только в html и css файлах. В php-файлах не работает. Может вы знаете как это можно исправить? Или в этом есть технические трудности?

    30. Сергей Чикуенок
      15 июля 2011

      @Константин, WTP Sugar цепляется только к HTML и CSS редакторам из проекта WTP. Для PHP используются отдельные редакторы/плагины. В принципе, можно попробовать и к ним прицепиться, так как сам код для file content assist не зависит от редактора.

    31. Константин
      15 июля 2011

      Ну я в общем-то в этом разрезе и спрашивал. То есть я понимаю что у php свой редактор, но коли content assist не зависит от редактора, значит это все-таки возможно..

    32. Михаил Якименко
      18 июля 2011

      Пробовал этот путь.. ну пес его знает, лично мне удобнее всего Coda. Вот уже 1000 раз пробовал заменить, Komodo Edit еще ниче, но все же.. Уверен это вопрос вкуса, не более..

    33. Владимир
      20 июля 2011

      А вот так этот редактор умеет делать?
      http://s1.ipicture.ru/uploads/20110720/1Xvr4U3g.png
      это подключенные файлы. .js и .css понятно, а вот .html это подключенные SSI, куски html кода, часто используемые на разных страницах.
      У меня такой метод верстки, для больших проектов очень хорошо подходит.

    34. Сергей Чикуенок
      20 июля 2011

      Владимир, не совсем понял, о чём речь. Показывать список всех ресурсов, подключённых к странице?

    35. Владимир
      20 июля 2011

      Сергей, да.

    36. Сергей Чикуенок
      20 июля 2011

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

    37. Владимир
      20 июля 2011

      Еще подумалось. Не плохо было бы показывать не большие самбнейлы в content assist по background:url() и <img src=»»

    38. Сергей Чикуенок
      20 июля 2011

      Да, можно попробовать. Все пожелания лучше добавлять в https://github.com/sergeche/wtp-sugar/issues

    39. warmrobot
      25 июля 2011

      А возможно всё-таки заставить code assist работать не по Ctrl+Space, а автоматически? Все нужные галочки в настройках Auto-Activation у меня стоят, но толку нет.

    40. Сергей Чикуенок
      25 июля 2011

      Можно попробовать для auto-activation chars в настройках прописать все латинские буквы и цифры

    41. warmrobot
      25 июля 2011

      Там поле на 4 символа. Ладно, бог с ним. Сергей, а про Mylyn не планируется написать какой-нибудь пост? Читал интервью на 5 шотов — стало интересно. Я помню у Аптаны были таски, типа TODO, BUG, NOTE, правда у меня они не работали, наверно потому что редактор был не php.

    42. Сергей Чикуенок
      25 июля 2011

      Для WTP редакторов (HTML и XML в частности) можно вводить неограниченное количество символов.

      Про Mylyn обязательно напишу

    43. Pavel
      7 августа 2011

      Пробовал ставить WTP Sugar… у меня стоит Zend Studio 8 (на эклипсе 3.6)… поймал такую вот ошибку — http://vns.ru/screenshots/error-20110808-003336.png. Что делать?

    44. Дергачев Михаил
      31 августа 2011

      В Эклипсе, по сравнению с Аптаной 3 есть ряд недостатков, которые мне так и не удалось преодолеть.
      1. При написании класса в css, после точки, в Content Assist выводится список подсказок псевдо классов, а не существующие в присоединенном html классы.
      2. Нет быстрого поиска внизу окна, как в аптане. Только большое окно.
      3. Каретка в виде выделения тега, а не бордера, как в аптане
      4. При нажатии enter, когда курсор находится между , закрывающий ли переходит на следующую строку, а в аптане через одну. Поэтому приходится 2 раза нажимать enter. В большом списке очень не удобно.
      5. В css при использовании zen coding постоянно вываливается ошибка:An error has occurred. See error log for more details. java.lang.NullPointerException

    45. Сергей Чикуенок
      31 августа 2011

      2. Нет быстрого поиска внизу окна, как в аптане. Только большое окно.

      Есть стандартная для Eclipse функция Incremental search, есть плагины вроде http://marketplace.eclipse.org/content/find-bar-eclipse

      3. Каретка в виде выделения тега, а не бордера, как в аптане

      Не совсем понял, что это значит

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

      В плагине Zen Coding есть опция Upgrade Web Editors, которая имитирует подобное поведение. Скоро такая опция появится в WTP Sugar

      5. В css при использовании zen coding постоянно вываливается ошибка:An error has occurred. See error log for more details. java.lang.NullPointerException

      Какая у вас версия Eclipse и Zen Coding?

    46. warmrobot
      31 августа 2011

      Насчёт последней ошибки. Она также может быть связана с тем, что стоит не sun-java6-jre, а какой-нибудь openjdk-6-jre

    47. Дергачев Михаил
      1 сентября 2011

      Каретка в аптане и эклипсе выглядят так: http://dl.dropbox.com/u/20440541/carets.png

      Еще заметил что в аптане, если в строке есть символы (например табы), то этот участок выделяется другим цветом. Не нашел где это в эклипсе можно настроить.

      Версия экслипс:
      Eclipse IDE for JavaScript Web Developers.
      Version: Indigo Release
      Build id: 20110615-0604

      Версия ZenCoding:
      0.7.0

      По поводу подсветки классов в css можете посоветовать что-нибудь? Из всех описанных проблем — эта самая насущная.

    48. Александр Коледа
      2 сентября 2011

      Добрый день.
      Спасибо за статью. До этого сидел на netbeans & aptana. Теперь все настроил и новый проект буду делать на эклипсе.
      Но появилась проблема:

      В появившемся окне выбираем фасет Static Web Module, жмём Apply.

      Как только это делаю, так сразу же эклипс начинает ругаться:
      Errors occurred during the build.
      Errors running builder ‘Faceted Project Validation Builder’ on project ‘Test JS Project’.
      Could not initialize class org.eclipse.jst.j2ee.project.facet.IJ2EEFacetConstants

      погуглил, и выдало http://stackoverflow.com/questions/6936309/getting-an-error-message-while-building-phonegapsample-in-blackberry-webworks
      где говорится: «Right click on your project >>> Properties >>> Project Facets >>> uncheck Static web Module»

      что делать?

      ubuntu 11.04, Eclipse 3.7

    49. Александр Коледа
      28 сентября 2011

      …вылечилось, когда обновился до 3.3.1

    50. Ro$k0
      24 ноября 2011

      А WTP Sugar на голый Eclipse SDK станет?

    51. Ro$k0
      24 ноября 2011

      Простите не голый а с wtp и pdt?

    52. Сергей Чикуенок
      25 ноября 2011

      Длжен встать. По крайней мере, можно доставить и WTP в PDT

    53. Виталий
      8 апреля 2012

      Возможна ли правильная работа WTP Sugar через RSE? На данный момент, в css файлах отрабатывает, но не корректно — не видит директории на сервере. В html файлах, и php тем более, в remote systems, увы, вообще не отрабатывает плагин.
      Хотя бы в css заставить работать правильно — было отлично.

    54. Сергей Чикуенок
      9 апреля 2012

      Виталий, теоретически — можно. Я сейчас работаю напрямую с файловой системой из Java, но, насколько я знаю, в Eclipse есть система для работы с виртуальной ФС. Заведите тикет на https://github.com/sergeche/wtp-sugar, я попробую посмотреть на досуге, можно ли что-то с этим сделать.

    55. Stepan
      3 августа 2012

      Интересно получилось
      Только столкнулся с маленькой проблемой.
      Когда открываешь выбор файла в css, например для background, то выдает только файлы что рядом лежат.
      http://clip2net.com/s/2aPm0
      Назначить поиск по папкам так и не удалось

    56. Дима
      4 августа 2012

      В который раз решил поставить Эклипс + вебтулс + сахарок, но скорость на Маке просто ущербнейшая. Как вы, Сергей, живёте с этим? Миритесь с тормозами в пользу фич?

    57. Сергей Чикуенок
      6 августа 2012

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

    58. icemen7
      23 октября 2012

      Вообще конечно наверно интересная среда WTB эта.
      Но вот интересно было знать ваше мнение насчет Komodo Edit. Выбрал его для себя попробывав практически все, и jet brain этот тоже, но в Комодо нашел все. Попробуйте, может и Вам понравится). Для верстки идеальная среда.

    59. icemen7
      23 октября 2012

      Нет, я не правильно написал.
      Я прямо таки настаиваю чтобы Вы посмотрели на Komodo Edit 7.
      Я в шоке что про него так мало пишут. Не буду тут писать про него ничего, прочитайте сами на странице редактора. У него супер возможности, движок как я понял от Мозиллы, куча дополнительных плагинов, плагины ставятся так же как в Файерфоксе. Умеет поэтом практически все. Я поставил себе на него Zen Coding и Autocomplit. Единственное что мне в нем не хватает это функции Wrap Each Line With Tag. Вообщем мечта а не эдитор. Найдите хоть один в нем минус, и подарю вам велосипед).

    60. Сергей Чикуенок
      24 октября 2012

      Хм, странно требовать у автора плагина Zen Coding для Komodo Edit обязательно посмотреть на этот редактор 🙂

      Я его пробовал: автокомплит совершенно топорный, возможностей и качественных плагинов в разы меньше чем у «взрослых» IDE типа Eclipse или IDEA/WebStorm. К слову, Komodo Edit — это даже не IDE, а навороченный редактор (кастрированная версия Komodo IDE). Если уж выбирать именно редактор кода, то лучше Sublime Text 2 я ещё не встречал.

    61. warmrobot
      24 октября 2012

      Сергей, а какова ситуация с Zen Coding в WebStorm? Почему он официально не поддерживается? В Эклипсе была прекрасная возможность оборачивать код в какое-нибудь выражение на Zen Coding. А вот в вебсторме разработчики такую возможность не торопятся внедрить, очень её не хватает.

    62. Сергей Чикуенок
      24 октября 2012

      У WebStorm полностью своя реализация плагина, поэтому возможности разняться. Я пытался с ними договориться, чтобы они использовали мою (тем более, что есть мост на Java, который используется в плагине к Eclipse), но они пока не планируют этого.

    63. icemen7
      24 октября 2012

      И все таки при всем уважении к вам вынужден буду не согласиться на счет Комодо. Там действительно по умолчанию много не хватает, но вы поставьте плагин Autocode и посмотрите что он может и как его можно под себя настраивать. А автокомплит я вообще отключил, оставил его только по требованию, гораздо быстрее использовать настроенную под себя автозамену от Autocode. И тогда CSS пишется со скоростью ветра. А на Комодо я перешел как раз после Sublime, а на Сублим после Вебсторма. Конечно и Sublime мне понравился очень, но если верстать то Комодо+Autocode не сравнишь не с чем. Хотя это конечно может зависеть от стиля верстающего, так что имхо.

    64. Mike
      12 января 2013

      Сергей, добрый день. Какой Eclipse из ныне существующих на официальном сайте следует ставить для веб-разработки? На сайте куча сборок, и я совершенно теряюсь.

    65. Mike
      12 января 2013

      Разобрался.