Адным з найбольш істотных новаўвядзенняў для вэб-распрацоўнікаў у Visual Studio 2013 стаў новы HTML-рэдактар. У адрозненне ад старога рэдактара, які ўяўляў з сябе сумесь з кіраванага і некіраванага кода (і нават выкарыстаў некаторыя кампаненты FrontPage), новы рэдактар быў цалкам перапісаны на кіраваным кодзе (у якасці асновы выкарыстоўваўся HTML-рэдактар з WebMatrix).
Акрамя палепшаных сродкаў для працы з HTML-кодам, у новым рэдактары таксама рэалізавана падтрымка сінтаксісу уяўленняў KnockoutJS , AngularJS і Handlebars , І IntelliSense для спецыяльных прэфіксаў і META-тэгаў (Facebook, Twitter, Open Graph, Windows Phone, iOS і інш.).
На жаль, не кожная навінка са свету вэб-распрацоўкі можа патрапіць у Visual Studio праз пэўныя прычыны:
- Многія сучасныя вэб-тэхналогіі і бібліятэкі з'яўляюцца Open Source-праектамі (напрыклад, кампілятары LESS і CoffeeScript , верификатор JSHint і г.д.), і некаторыя з гэтых праектаў маюць ліцэнзіі, якія не дазваляюць ўключаць іх у склад камерцыйных прадуктаў.
- Зараз вэб-тэхналогіі развіваюцца настолькі хутка, што іх падтрымка сродкамі распрацоўкі можа стаць неактуальнай на працягу аднаго тыдня. Таму ні частыя рэлізы Visual Studio (зараз перыяд паміж рэлізамі скараціўся з двух гадоў да аднаго года), ні перыядычныя абнаўлення не дазваляюць падтрымліваць Visual Studio у цалкам актуальным стане.
Для таго, каб вырашыць пералічаныя вышэй праблемы супрацоўнікам кампаніі Microsoft Мэдсен Кристенсеном было створана VS-пашырэнне Web Essentials . Зыходны код Web Essentials апублікаваны на GitHub (даступныя 2 версіі: 2012 і 2013 ).
Ніжэй дадатковыя магчымасці HTML-рэдактара з Visual Studio 2013, якія становяцца даступнымі пасля ўстаноўкі Web Essentials 2013:
- падтрымка Zen Coding (Больш падрабязную інфармацыю аб выкарыстанні Zen Coding ў Web Essentials можна прачытаць у артыкуле Джона Папа «Zen Coding in Visual Studio 2012» ) І генератар текста- «рыбы» Lorem Ipsum (напрыклад, калі ўвесці lorem10 і націснуць клавішу TAB, то ў код будуць устаўленыя 10 слоў з трактата Цыцэрона «Аб межах дабра і зла»).
- Каманда Go To Definition для тэгаў <a>, <style> і <script>.
- HTML-мінімізацыя вылучанага фрагмента кода.
- Падтрымка HTML-рэгіёнаў (напрыклад, <! - # region main -> Нейкі код ... <! - # endregion ->).
Паколькі HTML-мінімізацыя ў Web Essentials 2013 была рэалізавана сродкамі бібліятэкі WebMarkupMin , Аўтарам якой я з'яўляюся, то ў гэтым артыкуле мы разгледзім дадзеную магчымасць больш падрабязна.
Тэг «Далей»
