Emmet – важливий інструмент для веб-розробників PhpStorm

  • Eclipse/Aptana
  • Sublime Text 2
  • TextMate 1.x
  • Coda 1.6 та 2.x
  • Espresso
  • Chocolat (available via “Install Mixin” dialog)
  • Komodo Edit/IDE (available via Tools & Add-ons dialog)
  • Notepad++
  • PSPad
  1. У меню зверху Help > Install New Software;
  2. У вікні знаходимо поле для введення посиланьWork withі вставляємо це посилання: http://emmet.io/eclipse/updates/
  3. Далі натискаємо клавішу Enter і бачимо у великому полі нижче підвантажиться Emmet;
    інструмент
  4. Позначаємо його галочкою та натискаємо на кнопку нижчеNext > Next > I accept. > Finish.;
  5. Після встановлення плагіна Aptana попросить Вас перезавантажити її, натискаємоRestart Now(рекомендується);
  6. Все готово, плагін Emmet встановлений в Aptana 3, залишається навчитися користуватися ним.
  7. Тепер створюємо новий HTML файл:File > New From Template > HTML > HTML 5 Templateі пишемо такий код:
  8. Далі в самому кінці рядка ul#nav>li.item$*4>a натискаємо клавішуTABі отримаємо такий результат:

Також крім генерації коду Emmet може вставляти «рибу» Lorem Ipsum, що дуже потрібно в розробці мати як сніппет, а генерується зі слівloremабоlipsumпісля натисканняTAB. Також передбачена можливість задати кількість слів у рибіloremX,де X - число слів.

В результаті, особисто меніEmmetсподобався більше Zen Coding тим, що в Aptana з ним встановлюються сніпети, які в основному часто використовуються і також є можливість редагування налаштувань Emmet в Aptana під себе та додавання своїх сніпетів в менюWindow > Preferences > Emmet.

важливий

Також є онлайн-шпаргалка з Emmet (Emmet Cheat Cheet): http://docs.emmet.io/cheat-sheet/