Jedna z najważniejszych innowacji dla programistów internetowych w Visual Studio 2013 stała się nowym edytorem HTML. W przeciwieństwie do starego edytora, który był mieszaniną zarządzanego i niezarządzanego kodu (a nawet używał niektórych komponentów FrontPage), nowy edytor został całkowicie przepisany w zarządzanym kodzie (jako podstawa użyto edytora HTML z WebMatrix).
Oprócz ulepszonych narzędzi do pracy z kodem HTML, nowy edytor obsługuje również składnię reprezentacji. Knockoutjs , AngularJS i Kierownice oraz IntelliSense dla specjalnych prefiksów i tagów META (Facebook, Twitter, Open Graph, Windows Phone, iOS itp.).
Niestety, nie każdy nowy rozwój w świecie tworzenia stron internetowych może przejść do Visual Studio z następujących powodów:
- Wiele nowoczesnych technologii internetowych i bibliotek to projekty open source (na przykład kompilatory) MNIEJ i CoffeeScript , weryfikator Jshint itp.), a niektóre z tych projektów mają licencje, które uniemożliwiają ich włączenie do produktów komercyjnych.
- Teraz technologie internetowe rozwijają się tak szybko, że ich wsparcie przez narzędzia programistyczne może stać się nieistotne w ciągu tygodnia. Dlatego też, ani częste wydania Visual Studio (obecnie okres między wydaniami nie został zmniejszony z dwóch lat do jednego roku), ani okresowe aktualizacje nie pozwalają na utrzymywanie Visual Studio w całkowicie aktualnym stanie.
Aby rozwiązać powyższe problemy, pracownik Microsoftu Mads Christensen stworzył rozszerzenie VS. Podstawowe informacje o sieci . Kod źródłowy dla Web Essentials jest opublikowany na GitHub (dostępne są 2 wersje: 2012 i 2013 ).
Poniżej przedstawiono dodatkowe funkcje edytora HTML z Visual Studio 2013, które są dostępne po zainstalowaniu Web Essentials 2013:
- Wsparcie Kodowanie Zen (Aby uzyskać więcej informacji na temat używania kodowania Zen w Essentials w sieci Web, zobacz artykuł Johna Papy.) „Kodowanie Zen w Visual Studio 2012” ) i generator tekstu - „ryba” Lorem ipsum (na przykład, jeśli wpiszesz lorem10 i naciśniesz klawisz TAB , w kodzie zostanie wstawionych 10 słów z traktatu Cycerona „Na granicy dobra i zła”).
- Polecenie Przejdź do definicji dla znaczników <a>, <style> i <script>.
- Minimalizacja HTML wybranego fragmentu kodu.
- Obsługa regionów HTML (na przykład <! - # region main -> Some code ... <! - # endregion ->).
Ponieważ minimalizacja HTML w Web Essentials 2013 została zaimplementowana przez bibliotekę WebMarkupMin , którego autorem jestem, w tym artykule rozważymy tę funkcję bardziej szczegółowo.
Następny tag
