Domača » Toolkit » 10 Paketi sublimnih besedil za razvijalce frontendov

    10 Paketi sublimnih besedil za razvijalce frontendov

    Sublime Text je eden najmočnejših urejevalnikov kod z nekaterimi neverjetnimi funkcijami in je lahko še močnejši z namestitvijo Vtičniki ali Paketi. Ti dodatki dodajajo dodatne funkcije v sublimno besedilo. Danes obstaja veliko vtičnikov, ki izpolnjujejo skoraj vse vaše potrebe po kodiranju.

    Najti dober podaljšek lahko resnično zahtevna; Nekatere razširitve so jih razvijalci popolnoma opustili, drugi pa morda niso več združljivi z najnovejšo različico Sublime Text 3 (v času pisanja).

    Če ste razvijalec frontenda, smo izbrali nekaj razširitev in jih skupaj zbrali v tem članku. To so Razvijalci programske opreme Sublime Text Pack bi morali preizkusiti.

    Več na Hongkiat.com:

    • 18 bistvenih vtičnikov, ki vam omogočijo več od SublimeText
    • [Kako] Delo z odrezki kode v sublimnem besedilu
    • [Kako] Osvežite spremembe v brskalniku s Sublime Text
    • [Kako] Identificirajte napako kode v sublimnem besedilu
    • Enostavno pobiranje barve v sublimnem besedilu

    1. AlignTab

    AlignTab je plugin za poravnavo vaših kod. Ima a “Način predogleda” ki vam omogoča, da vidite, kako bo uporabljena poravnava (glede na zapis RegEx), preden se dejansko uporabi. Prav tako ima “Način tabele” vam omogoča nastavite pravilno poravnavo za tabele v formatu Markdown, strukturirano s cevovodom: |. AlignTab je priročna razširitev za urejanje poravnave kod in lažje branje.

    2. ColorHighlighter

    ColorHighlighter je vtičnik prikazuje izbrane barvne kode z njihovo vizualno barvo. Če izberete “#fff” pokazal vam bo barvo, belo. ColorHighlighter podpira vse CSS barvne formate, kot so Hex, RGB, HSL, HSV in vključujejo barvne ključne besede, kot so “rdeča”, “zelena”, Prikazuje tudi spremenljivke LESS, Sass in Stylus, ki vsebujejo vrednost barve. To je del vtičnika, ki vam bo pomagal, da boste bolj intuitivni pri delu z barvami.

    3. MultiEditUtils

    Vtičnik MultiEditUtils izboljša vgrajeno SublimeText “multi-cursor” in “več izbir” funkcija, ki nam prihrani čas urejanje dolgih vrstic kod. Na primer: med izbranimi vrsticami lahko združite ali zamenjate, prav tako izboljšate SublimeText “split selection” tako, da določite zapis za razdelitev izbranih vrstic. Mislim, da je treba imeti plugin za namestitev za prokoderje.

    4. Git žleb

    Če delate z Git-om, je Git Gutter priporočljiv plugin Sublime Text za namestitev. GitGutter prikaže zastavo na območju žlebov popravke, dodatke ali odstranitve, ki ste jih naredili znotraj kode. To je uporabna koda za takojšnjo primerjavo primerjave med izdajo kode in skladbo objave, podružnice ali HEAD.

    5. Mod

    Modifik je uporaben, če uporabljate Git ali SVN v svojem delu. Tako kot GitGutter, Modific bo označil spremembo v vaših kodah. Poleg poudarjanja sprememb si lahko ogledate ali primerjate razliko med trenutno kodo in zadnjo odobritvijo s pritiskom na Ctrl + Alt + D. Druge stvari, ki jih lahko storite z Modific, so si oglejte predano kodo za trenutno vrstico tako dobro, kot spremembe kod.

    6. Inc. Vrednost Dec

    Inc Dec Dec Value vam omogoča povečanje ali zmanjšanje števila hkrati, tudi če so na različnih linijah. Poleg številk lahko spremenite tudi vrednost datumov in HEX barv. Če želite uporabiti ta vtičnik, usmerite kazalec desno od številke in pritisnite Alt + ↑ za povečanje števila ali Alt + ↓ za zmanjšanje števila. Uporabite lahko tudi kolesce miške.

    7. FileBrowser

    FileBrowser ponuja nov način krmarite po datotekah in mapah v imeniku projekta. Ko namestite ta vtičnik, lahko imate dostop do imenika vašega projekta v novi stranski vrstici in se pomikate po njem, ne da bi premaknili roke stran od tipkovnice - kot prokoder. Ko se navadite, lahko ta vtičnik postopoma poveča vaš potek dela.

    8. IconFont

    IconFont zagotavlja odrezke za številne priljubljene pisave ikon, kot so FontAwesome, PaymentFont, Typicons in Github Octicons. Deluje podobno kot običajni odrezki HTML, kjer okrajšave bodo razširjene do celotne dolžine razredov in kodo HTML za vsako ikono.

    9. DistractionFreeWindow

    Čeprav je Sublime Text vgrajen “Brezplačno odvračanje pozornosti” Funkcija vam omogoča, da se osredotočite na kodo ali vsebino, ki jo vnašate, ko ste v tem načinu, minimap, stranska vrstica in vsi drugi zavihki so skriti. Brez motenj ne bi smeli izgubiti dostop do teh funkcij. Tukaj pride DistractionFreeWindow, da vam omogoči večjo prilagodljivost v smislu, kako naj se odvrne brezplačen način odvračanja.

    10. FilterLines

    FilterLines omogoča iskanje po danih vrsticah v dokumentu “niz ključnih besed” ali “Zapis RegEx”. To je priročna funkcija za obravnava velike količine neobdelanih podatkov v obliki JSON, JavaScript Array, CVS.

    Slika Vljudnost: David Peckham