Pagina principala » Setul de instrumente » 10 pachete de text sublim pentru dezvoltatorii Frontend

    10 pachete de text sublim pentru dezvoltatorii Frontend

    Sublime Text este unul dintre cei mai puternici editori de coduri cu unele caracteristici uimitoare și poate fi chiar mai puternic prin instalare Plugin-uri sau pachete. Aceste pluginuri adaugă funcționalități suplimentare textului sublim. Și astăzi există multe pluginuri pentru a îndeplini aproape oricare dintre nevoile dvs. de codificare.

    Găsirea unei extensii bune, totuși ar putea fi o adevărată provocare; unele extensii au fost complet abandonate de către dezvoltatorii lor, în timp ce altele nu mai pot fi compatibile cu Sublime Text 3, cea mai recentă versiune (la momentul acestei scrieri).

    Dacă sunteți dezvoltator frontend, am selectat manual unele extensii și le-am pus împreună pentru dvs. în acest articol. Acestea sunt 10 Pachete text Sublime Dezvoltatorii de frontend ar trebui să încerce.

    Mai multe despre Hongkiat.com:

    • 18 pluginuri esențiale pentru a obține mai mult din SublimeText
    • [Cum să] Lucrați cu fragmente de cod În Text Sublim
    • [Cum să] Actualizați modificările din browser cu Sublime Text
    • [Cum să] identificați eroarea de cod în textul sublim
    • Culegere ușoară a culorilor în text sublim

    1. AlignTab

    AlignTab este un plugin pentru alinierea codurilor. Are o “Modul de previzualizare” care vă permite să vedeți modul în care va fi aplicată alinierea (dată de notația RegEx) înainte de a fi aplicată efectiv. De asemenea, are “Modul de masă” vă va permite setați alinierea corectă pentru tabelele în format Markdown, structurat cu conducte: |. AlignTab este o extensie la îndemână pentru a vă alinia codul și a le face mai ușor de citit.

    2. ColorHighlighter

    ColorHighlighter este un plugin care afișează codurile de culoare selectate cu culoarea lor vizuală. Dacă selectați “#fff” vă va arăta culoarea albă. ColorHighlighter acceptă toate formatele de culori CSS, cum ar fi Hex, RGB, HSL, HSV, și includ cuvinte cheie pentru culori cum ar fi “roșu”, “verde”, etc. De asemenea, vă arată variabilele LESS, Sass și Stylus care conțin o valoare de culoare. Este o bucată de plugin care vă va ajuta să fiți mai intuitivi când lucrați cu culori.

    3. MultiEditUtils

    Pluginul MultiEditUtils îmbunătățește built-in-ul SublimeText “multi-cursor” și “multi-selecție” caracteristică, economisind timp pentru editarea liniilor lungi de cod. De exemplu: puteți îmbina sau schimba între liniile selectate, de asemenea îmbunătățește SublimeText “selecție separată” permițându-vă să specificați notația de împărțire a liniilor selectate. Cred că este necesar un plug-in pentru instalare pentru pro-codoare.

    4. Git Gutter

    Dacă lucrați cu Git, Git Gutter este un plugin recomandat pentru Sublime Text pentru instalare. GitGutter va afișa un steag în zona jgheaburilor, de orice editările, adăugările sau eliminările pe care le-ați făcut în codul dvs.. Este un cod util pentru a vedea instantaneu comparația dintre ediția dvs. de cod împotriva comitetului dvs., a filialei sau a repozitorului HEAD.

    5. Modificări

    Modific este util atunci când utilizați Git sau SVN în munca dvs. La fel ca GitGutter, Modific va marca o schimbare în codurile tale. Pe lângă evidențierea modificărilor, puteți vizualiza sau compara diferența dintre codul curent și ultimul comitet apăsând pe Ctrl + Alt + D. Alte lucruri pe care le puteți face cu Modific includ previzualizați codul angajat pentru linia curentă precum și modificarea modificărilor codului.

    6. Inc Value Dec

    Inc Dec Value vă permite să să crească sau să scadă numerele simultan, chiar dacă acestea sunt pe linii diferite. Pe lângă numere, puteți schimba și valoarea datelor și culorile HEX. Pentru a utiliza acest plugin, direcționați direct cursorul spre dreapta numărului, apoi apăsați pe Alt + ↑ pentru a mări numărul sau Alt + ↓ pentru a scădea numărul. De asemenea, puteți folosi rotița mouse-ului.

    7. FileBrowser

    FileBrowser oferă un nou mod de a navigați în fișierele și folderele din directorul de proiect. Când instalați acest plugin, puteți avea acces la directorul de proiect într-o nouă bara laterală și navigați prin el fără a vă mișca mâinile departe de tastatură - cum ar fi un pro-coder. Pe măsură ce vă obișnuiți, acest plugin vă poate îmbunătăți treptat fluxul de lucru.

    8. IconFont

    IconFont oferă fragmente pentru multe fonturi populare, cum ar fi FontAwesome, PaymentFont, Typicons și Github Octicons. Funcționează similar cu fragmentele HTML obișnuite unde abrevierile vor fi extinse la întreaga durată de clase și cod HTML pentru fiecare pictogramă.

    9. DistractionFreeWindow

    Cu toate că Sublime Text este încorporat “Distragere gratuită” vă permite să vă concentrați asupra codului sau conținutului pe care îl tastați, atunci când vă aflați în acest mod, minimap, bara laterală și toate celelalte file sunt ascunse. Distragerea nu ar trebui să însemne pierderea accesului la aceste caracteristici. Acesta este locul unde DistractionFreeWindow vine pentru a vă oferi mai multă flexibilitate în ceea ce privește modul în care trebuie să se comporte modul liber Distragere.

    10. Linii de filtrare

    Filtrele vă permit să căutați liniile din documentul dvs. pentru această dată “șir de cuvinte cheie” sau “Notă RegEx”. Este o caracteristică la îndemână se ocupă de o cantitate mare de date brute sub formă de JSON, JavaScript Array, CVS.

    Datorită fotografiei: David Peckham