Hemsida » Toolkit » 10 Sublime Textpaket för Frontend Developers

    10 Sublime Textpaket för Frontend Developers

    Sublime Text är en av de mest kraftfulla kodredigerarna med några fantastiska funktioner, och det kan bli ännu kraftfullare genom att installera plugins eller paket. Dessa plugins lägger till extra funktioner för Sublime Text. Och idag finns det många plugins för att uppfylla nästan alla dina kodningsbehov.

    Att hitta en bra förlängning men kan vara verkligt utmanande; vissa tillägg har helt övergivits av sina utvecklare, medan andra kanske inte längre är kompatibla med Sublime Text 3, den senaste versionen (vid skrivets gång).

    Om du är en frontendutvecklare har vi plockat några tillägg och lagt dem samman för dig i den här artikeln. Dessa är 10 Sublime Text Packages Frontend-utvecklare ska prova.

    Mer på Hongkiat.com:

    • 18 viktiga plugins för att få mer ut av SublimeText
    • [Hur man] arbetar med kodutdrag i Sublime Text
    • [Hur] Uppdatera ändringar i webbläsare med sublim text
    • [Hur] Identifiera kodfel I Sublim Text
    • Enkel färgplockning i sublim text

    1. AlignTab

    AlignTab är ett plugin för att anpassa dina koder. Den har en “Förhandsgranskningsläge” som låter dig se hur justeringen kommer att tillämpas (ges RegEx-notationen) innan den faktiskt tillämpas. Det har också “Tabellläge” kommer att tillåta dig att Ange korrekt anpassning för tabeller i Markdown-format, strukturerade med rörledningar: |. AlignTab är en praktisk förlängning för att städa upp din kodjustering och göra det enklare att läsa.

    2. ColorHighlighter

    ColorHighlighter är ett plugin som visar valda färgkoder med sin visuella färg. Om du väljer “#fff” Det kommer att visa dig färgen, vit. ColorHighlighter stöder alla CSS-färgformat som hex, RGB, HSL, HSV och innehåller färgord som “röd”, “grön”, etc. Det visar också dig LESS, Sass och Stylus variabler som innehåller ett färgvärde. Det är en del av plugin som hjälper dig att bli mer intuitiv när du arbetar med färger.

    3. MultiEditUtils

    MultiEditUtils plugin förbättrar den inbyggda SublimeText “multi-markören” och “multi-val” funktion, vilket sparar tid för redigering av långa kodlinjer. Till exempel: Du kan slå samman eller byta mellan valda linjer, det förbättrar också SublimeText “delat urval” genom att låta dig ange notationen för att dela upp markerade rader. Jag tycker att det är ett måste ha plugin att installera för pro-kodare.

    4. Git Gutter

    Om du arbetar med Git är Git Gutter ett rekommenderat Sublim Text-plugin att installera. GitGutter kommer att visa en flagga i avloppsområdet, av någon redigeringar, tillägg eller borttagning du gjorde inom din kod. Det är en användbar kod för att omedelbart se jämförelsen mellan din kodutgåva mot din förpliktelse, filial eller HEAD-förvaret.

    5. Modifika

    Modifikt är användbart när du använder Git eller SVN i ditt arbete. Precis som GitGutter, kommer Modific att markera en ändring i dina koder. Förutom att markera ändringar kan du också se eller jämföra skillnaden mellan den aktuella koden och den sista kommandot genom att trycka på Ctrl + Alt + D. Andra saker som du kan göra med Modific inkluderar förhandsgranska den anslagna koden för den aktuella raden såväl som återställa kodändringar.

    6. Inkludera dec-värde

    Inc Dec Value tillåter dig att Öka eller minska antalet samtidigt, även om de finns på olika linjer. Förutom siffror kan du också ändra datumvärden och HEX-färger. För att använda detta plugin i allmänhet rikta markören precis till höger om numret och tryck sedan på Alt + ↑ för att öka numret eller Alt + ↓ för att minska antalet. Du kan också använda ditt mushjul.

    7. FileBrowser

    FileBrowser erbjuder ett nytt sätt att navigera i dina filer och mappar i din projektkatalog. När du installerar det här pluginet kan du få tillgång till projektkatalogen i ett nytt sidofält och navigera genom det utan att flytta händerna från tangentbordet - som en prokoder. När du blir van vid det här pluginet kan du gradvis öka ditt arbetsflöde.

    8. IconFont

    IconFont ger utdrag för många populära ikon typsnitt som FontAwesome, PaymentFont, Typicons och Github Octicons. Det fungerar som vanligt HTML-fragment där Förkortningar kommer att utvidgas till hela längden av klasser och HTML-kod för varje ikon.

    9. DistractionFreeWindow

    Även om Sublime Text är inbyggd “Fri distraktion” funktionen kan du fokusera på koden eller innehållet du skriver när du är i det här läget, minimap, sidofält och alla andra flikar är dolda. Distraktionsfri bör inte innebära att man förlorar tillgången till de funktionerna. Det är här DistractionFreeWindow kommer in för att ge dig större flexibilitet när det gäller hur distraktionsfritt läge ska fungera.

    10. FilterLines

    FilterLines gör att du kan söka igenom raderna i ditt dokument för det givna “sökordssträng” eller “RegEx-notation”. Det är en praktisk funktion att hantera en stor mängd rådata i form av JSON, JavaScript Array, CVS.

    Image Courtesy: David Peckham