Wysublimowany tekst - fragmenty
Fragmenty to inteligentne szablony, które można ponownie wykorzystać w razie potrzeby. Wysublimowany edytor tekstu zawiera funkcję fragmentów dla szablonów HTML. W tym rozdziale szczegółowo się o nich dowiesz.
Zrozumienie fragmentów
Fragmenty to proste pliki obsługiwane w formacie XML z różnymi atrybutami. Zawierają rozszerzenie o nazwiesublime-snippet. Głównym znacznikiem elementu XML będzie<snippet>etykietka. Utworzone skrawki są zapisywane wPackages folder i są uważane za mieszkające w tym folderze.
Format pliku i składnia fragmentów omówiono szczegółowo w następujący sposób -
Content −Ta sekcja zawiera opis fragmentu.
tabTrigger - Zawiera sekwencję znaków, które są wyzwalane podczas zapisywania fragmentu.
Scope - Określa zakres, w którym fragment pozostaje aktywny.
Description- Zawiera cały opis meta. Zostanie wyświetlony, gdy menu snippet jest otwarte.
Tworzenie pierwszego fragmentu
Możesz utworzyć domyślny fragment kodu za pomocą Tools → Developer → Snippet opcja.
Następnie zostanie utworzony fragment demonstracyjny z powiązanymi tagami, jak pokazano poniżej -
Aby utworzyć pierwszy fragment w edytorze Sublime Text, kliknij plik Tools menu i wybierz Snippets opcja z rozwijanego okna, jak pokazano na zrzucie ekranu tutaj.
Teraz wybierz Snippet:html z wyświetlonych opcji.
Spowoduje to utworzenie domyślnego fragmentu kodu w określonym pliku html, jak pokazano poniżej.
Zwróć uwagę, że istnieją różne fragmenty dla różnych typów plików. W przypadku plików html w bazie kodu istnieją trzy fragmenty zdefiniowane w edytorze Sublime Text, jak pokazano poniżej.
Fragmenty kontroli pakietów
Fragmenty kontrolne są używane głównie do opracowywania produktów. Zinstall packages opcja w edytorze Sublime, możesz pobrać dowolny fragment potrzebny do tworzenia stron internetowych i zainstalować go.
Możesz potrzebować następujących pakietów do tworzenia stron internetowych -
- EverCodeLab Sublime obsługuje Ruby on Rails
- Dodatkowe fragmenty kodu PHP dla PHP
- Fragmenty HTML dla plików HTML
- Fragmenty Twitter Bootstrap dla Twittera Bootstrap
- Fragmenty JavaScript dla plików JS
- Pakiet fragmentów jQuery dla jQuery