Startpagina » Toolkit » 10 sublieme tekstpakketten voor ontwikkelaars van frontends

    10 sublieme tekstpakketten voor ontwikkelaars van frontends

    Sublime Text is een van de krachtigste code-editors met een aantal verbazingwekkende functies, en het kan nog krachtiger worden door het te installeren plugins of Pakketjes. Deze plug-ins voegen extra functionaliteiten toe aan Sublime Text. En vandaag zijn er veel plug-ins om aan bijna al uw coderingsbehoeften te voldoen.

    Het vinden van een goede extensie kan een echte uitdaging zijn; sommige extensies zijn volledig verlaten door hun ontwikkelaars, terwijl anderen mogelijk niet langer compatibel zijn met Sublime Text 3, de nieuwste versie (op het moment van schrijven).

    Als u een ontwikkelaar van een frontend bent, hebben we enkele uitbreidingen uitgekozen en in dit artikel voor u samengevoegd. Dit zijn 10 sublieme tekstpakketten die ontwikkelaars van frontends moeten uitproberen.

    Meer over Hongkiat.com:

    • 18 essentiële plug-ins om meer uit SublimeText te halen
    • [Hoe] Werkt met codefragmenten In sublieme tekst
    • [How To] Wijzigingen in de browser vernieuwen met Sublime-tekst
    • [Hoe] Codefout identificeren In sublieme tekst
    • Eenvoudig kleurenpikken in sublieme tekst

    1. AlignTab

    AlignTab is een plug-in voor het afstemmen van uw codes. Het heeft een “Voorbeeldmodus” waarmee u kunt zien hoe de uitlijning wordt toegepast (gezien de RegEx-notatie) voordat deze daadwerkelijk wordt toegepast. Het heeft ook de “Tabelmodus” zal je toestaan ​​om stel de juiste uitlijning in voor tabellen in Markdown-formaat, gestructureerd met pijplijnen: |. AlignTab is een handige uitbreiding om uw code-uitlijning op te ruimen en het leesgemak te vergroten.

    2. ColorHighlighter

    ColorHighlighter is een plug-in die toont geselecteerde kleurcodes met hun visuele kleur. Als u selecteert “#fff” het zal je de kleur tonen, wit. ColorHighlighter ondersteunt alle CSS-kleurindelingen zoals Hex, RGB, HSL, HSV en bevat kleurzoekwoorden zoals “rood”, “groen”, enz. Het toont ook de variabelen MINDER, Sass en Stylus die een kleurwaarde bevatten. Het is een plug-in die u helpt om meer intuïtief te zijn bij het werken met kleuren.

    3. MultiEditUtils

    De invoegtoepassing MultiEditUtils verbetert de ingebouwde SublimeText “multi-cursor” en “multi-selectie” functie, bespaart ons tijd voor lange codelijnen bewerken. Bijvoorbeeld: u kunt samenvoegen of omwisselen tussen geselecteerde regels, het verbetert ook SublimeText “gesplitste selectie” door toe te staan ​​dat u de notatie opgeeft om geselecteerde lijnen te splitsen. Ik denk dat het een must-have plug-in is om te installeren voor pro-coders.

    4. Git Gutter

    Als u met Git werkt, is Git Gutter een aanbevolen Sublime Text-plug-in om te installeren. GitGutter zal een vlag tonen in de goot, van welke dan ook bewerkingen, toevoegingen of verwijdering die u in uw code hebt uitgevoerd. Het is een nuttige code om meteen de vergelijking te zien tussen je code-editie en je commit, branch of HEAD-repository.

    5. Modific

    Modific is handig als u Git of SVN gebruikt in uw werk. Net als GitGutter markeert Modific een wijziging in uw codes. Naast het markeren van wijzigingen, kunt u ook het verschil tussen de huidige code en de laatste commit bekijken of vergelijken door op Ctrl + Alt + D te drukken. Andere dingen die u met Modific kunt doen, zijn onder meer: een voorbeeld bekijken van de gecommitteerde code voor de huidige regel net zoals wijzigingen in de codewijzigingen.

    6. Incl. Waarde

    Met Inc Dec Value kunt u dit doen nummers tegelijkertijd vergroten of verkleinen, ook als ze op verschillende lijnen staan. Naast getallen kunt u ook de waarde van datums en HEX-kleuren wijzigen. Als u deze plug-in in het algemeen wilt gebruiken, plaatst u de cursor rechts van het nummer en drukt u vervolgens op Alt + ↑ om het aantal te verhogen of Alt + ↓ om het aantal te verlagen. U kunt ook uw muiswiel gebruiken.

    7. FileBrowser

    FileBrowser biedt een nieuwe manier om navigeren door uw bestanden en mappen in uw projectmap. Wanneer u deze plug-in installeert, hebt u toegang tot uw projectdirectory in een nieuwe zijbalk en kunt u er doorheen navigeren zonder uw handen van uw toetsenbord af te bewegen - zoals een pro-coder. Als je eraan went, kan deze plug-in je workflow geleidelijk verbeteren.

    8. IconFont

    IconFont biedt snippets voor veel populaire pictogramlettertypen, zoals FontAwesome, PaymentFont, Typicons en Github Octicons. Het werkt zoals bij gewone HTML-fragmenten waar afkortingen worden uitgebreid tot de volledige lengte van klassen en HTML-code voor elk pictogram.

    9. DistractionFreeWindow

    Hoewel Sublime Text is ingebouwd “Gratis afleiding” Met deze functie kunt u zich concentreren op de code of inhoud die u typt, wanneer u zich in deze modus bevindt, de minimap, zijbalk en alle andere tabbladen zijn verborgen. Afleidingsvrij moet niet zeggen dat je de toegang tot die functies verliest. Dit is waar DistractionFreeWindow binnenkomt om u meer flexibiliteit te bieden in termen van hoe de Distraction Free-modus zich zou moeten gedragen.

    10. Filterlijnen

    Met FilterLines kunt u door de regels in uw document zoeken voor het gegeven “sleutelwoordstring” of “RegEx-notatie”. Het is een handige functie om omgaan met een grote hoeveelheid onbewerkte gegevens in de vorm van JSON, JavaScript Array, CVS.

    Met dank aan: David Peckham