Hjemmeside » Værktøjskasse » 10 Sublim tekstpakker til frontend-udviklere

    10 Sublim tekstpakker til frontend-udviklere

    Sublim tekst er en af ​​de mest kraftfulde kode redaktører med nogle fantastiske funktioner, og det kan være endnu mere kraftfuldt ved at installere plugins eller pakker. Disse plugins tilføjer ekstra funktionaliteter til Sublime Text. Og i dag er der mange plugins til at opfylde næsten alle dine kodende behov.

    Finde en god udvidelse dog kunne være virkelig udfordrende; nogle udvidelser er helt opgivet af deres udviklere, mens andre måske ikke længere er kompatible med Sublime Text 3, den seneste version (på tidspunktet for denne skrivning).

    Hvis du er en frontend-udvikler, har vi håndpicket nogle udvidelser og sat dem sammen for dig i denne artikel. Disse er 10 Sublime Tekstpakker-frontend-udviklere bør prøve.

    Mere om Hongkiat.com:

    • 18 vigtige plugins for at få mere ud af SublimeText
    • [Sådan fungerer] med kodestykker i sublim tekst
    • [Sådan] Opdater ændringer i browser med Sublim tekst
    • [Sådan] Identificer kodefejl I Sublim tekst
    • Nem farve plukning i sublim tekst

    1. AlignTab

    AlignTab er et plugin til at tilpasse dine koder. Den har en “Preview Mode” som giver dig mulighed for at se, hvordan justeringen vil blive anvendt (givet RegEx notationen), før den rent faktisk anvendes. Det har også den “Tabel Mode” vil tillade dig at Indstil korrekt justering for tabeller i Markdown format, struktureret med rørledninger: |. AlignTab er en praktisk udvidelse til at rydde op på din kodestilling og gøre det nemmere at læse.

    2. ColorHighlighter

    ColorHighlighter er et plugin der viser udvalgte farvekoder med deres visuelle farve. Hvis du vælger “#fff” det vil vise dig farven, hvid. ColorHighlighter understøtter alle CSS-farveformater som Hex, RGB, HSL, HSV og inkluderer farveord som “rød”, “grøn”, osv. Det viser også dig mindre, Sass og Stylus variabler, der indeholder en farveværdi. Det er et stykke plugin, der hjælper dig med at være mere intuitiv, når du arbejder med farver.

    3. MultiEditUtils

    MultiEditUtils plugin forbedrer den indbyggede SublimeText “multi-markøren” og “multi-udvælgelse” funktion, hvilket sparer os tid til redigering af lange kode linjer. For eksempel: Du kan fusionere eller bytte mellem valgte linjer, det forbedrer også SublimeText “split selektion” ved at tillade dig at angive notationen for at dele valgte linjer. Jeg synes, det er et must have plugin at installere for pro-coders.

    4. Git Gutter

    Hvis du arbejder med Git, er Git Gutter et anbefalet sublim tekst plugin til at installere. GitGutter vil vise et flag i renden område af nogen redigeringer, tilføjelser eller fjernelse du gjorde inden for din kode. Det er en nyttig kode for øjeblikkeligt at se sammenligningen mellem din kodeudgave mod din begivenhed, filial eller HEAD-depotet.

    5. Modifik

    Modifik er nyttigt, når du bruger Git eller SVN i dit arbejde. Ligesom GitGutter vil Modific markere en ændring i dine koder. Udover at fremhæve ændringer kan du også se eller sammenligne forskellen mellem den aktuelle kode og den sidste commit ved at trykke på Ctrl + Alt + D. Andre ting, du kan gøre med Modific, omfatter Forhåndsvisning af den valgte kode for den aktuelle linje såvel som gendanne kodeændringer.

    6. Ink Dec værdi

    Inc Dec Value giver dig mulighed for Forøg eller reducer tal samtidigt, selvom de er på forskellige linjer. Udover numre kan du også ændre værdien af ​​datoer og HEX-farver. Hvis du vil bruge dette plugin generelt, rett markøren lige til højre for nummeret, og tryk derefter på Alt + ↑ for at øge tallet eller Alt + ↓ at reducere antallet. Du kan også bruge dit mushjul.

    7. FileBrowser

    FileBrowser tilbyder en ny måde at navigere dine filer og mapper i din projektmappe. Når du installerer dette plugin, kan du få adgang til din projektmappe i et nyt sidebjælke og navigere gennem det uden at flytte dine hænder væk fra dit tastatur - som en pro-coder. Når du bliver vant til det, kan dette plugin gradvist øge din arbejdsgang.

    8. IconFont

    IconFont indeholder uddrag til mange populære ikonfonte såsom FontAwesome, PaymentFont, Typicons og Github Octicons. Det fungerer ligesom almindelige HTML-uddrag hvor forkortelser vil blive udvidet til hele længden af klasser og HTML-kode for hvert ikon.

    9. DistractionFreeWindow

    Selvom Sublim tekst er indbygget “Fri distraktion” funktion lader dig fokusere på koden eller indholdet du skriver, når du er i denne tilstand, minimap, sidebar og alle andre faner er skjult. Distraheringsfri skal ikke betyde at miste adgangen til disse funktioner. Det er her, hvor DistractionFreeWindow kommer ind for at give dig mere fleksibilitet med hensyn til hvordan distraktionsfri tilstand skal opføre sig.

    10. FilterLines

    FilterLines giver dig mulighed for at søge gennem linjerne i dit dokument for den givne “søgeordstreng” eller “RegEx notation”. Det er en praktisk funktion til beskæftige sig med en stor mængde rå data i form af JSON, JavaScript Array, CVS.

    Image Courtesy: David Peckham