Homepage » Kit di strumenti » 10 pacchetti di testo sublime per sviluppatori frontend

    10 pacchetti di testo sublime per sviluppatori frontend

    Sublime Text è uno dei più potenti editor di codice con alcune caratteristiche sorprendenti e può essere ancora più potente installando plugin o Pacchi. Questi plugin aggiungono funzionalità extra al testo sublime. E oggi ci sono molti plugin per soddisfare quasi tutte le tue esigenze di codifica.

    Trovare una buona estensione però potrebbe essere una vera sfida; alcune estensioni sono state completamente abbandonate dai loro sviluppatori, mentre altre potrebbero non essere più compatibili con Sublime Text 3, l'ultima versione (al momento di questa stesura).

    Se sei uno sviluppatore frontend, abbiamo selezionato alcune estensioni e le abbiamo messe insieme per te in questo articolo. Questi sono 10 sviluppatori di frontend di pacchetti di testo sublime dovrebbero provare.

    Altro su Hongkiat.com:

    • 18 plugin essenziali per ottenere di più da SublimeText
    • [Come fare] Lavorare con frammenti di codice in testo sublime
    • [Come] Aggiorna i cambiamenti sul browser con il testo sublime
    • [Come] Identificare l'errore del codice nel testo sublime
    • Facile selezione del colore nel testo sublime

    1. AlignTab

    AlignTab è un plugin per allineare i tuoi codici. Ha un “Modalità anteprima” che consente di vedere come verrà applicato l'allineamento (data la notazione RegEx) prima che venga effettivamente applicato. Ha anche il “Modalità tabella” ti permetterà di imposta l'allineamento corretto per le tabelle in formato Markdown, strutturato con condotte: |. AlignTab è un'estensione pratica per riordinare l'allineamento del codice e renderlo più facile da leggere.

    2. ColorHighlighter

    ColorHighlighter è un plugin che mostra i codici colore selezionati con il loro colore visivo. Se si seleziona “#F F F” ti mostrerà il colore, bianco. ColorHighlighter supporta tutti i formati di colore CSS come Hex, RGB, HSL, HSV e include parole chiave per i colori come “rosso”, “verde”, ecc. Mostra anche le variabili LESS, Sass e Stylus che contengono un valore di colore. È un plug-in che ti aiuterà a essere più intuitivo quando lavori con i colori.

    3. MultiEditUtils

    Il plugin MultiEditUtils migliora il built-in di SublimeText “multi-cursore” e “selezione multipla” caratteristica, facendoci risparmiare tempo modifica di lunghe code code. Ad esempio: puoi unire o scambiare tra le linee selezionate, migliora anche SublimeText “selezione divisa” consentendo di specificare la notazione per dividere le righe selezionate. Penso che sia un plugin da installare per i pro-coder.

    4. Git Gutter

    Se stai lavorando con Git, Git Gutter è un plugin Sublime Text raccomandato da installare. GitGutter mostrerà una bandiera nell'area di grondaia, di qualsiasi modifiche, aggiunte o rimozione che hai fatto all'interno del tuo codice. È un codice utile per vedere immediatamente il confronto tra la tua edizione del codice contro il tuo commit, ramo o il repository HEAD.

    5. Modificativo

    Modific è utile quando si utilizza Git o SVN nel proprio lavoro. Proprio come GitGutter, Modific segnerà un cambiamento nei tuoi codici. Oltre a evidenziare le modifiche, puoi anche visualizzare o confrontare la differenza tra il codice corrente e l'ultimo commit premendo Ctrl + Alt + D. Altre cose che puoi fare con Modifiche comprendono visualizza in anteprima il codice impegnato per la riga corrente così come ripristinare le modifiche al codice.

    6. Inc Dec Value

    Inc Dec Value ti consente di aumentare o diminuire i numeri contemporaneamente, anche se si trovano su linee diverse. Oltre ai numeri, puoi anche modificare il valore delle date e i colori HEX. Per utilizzare questo plugin in generale, dirigere il cursore a destra del numero, quindi premere Alt + ↑ per aumentare il numero o Alt + ↓ per diminuire il numero. Puoi anche usare la rotellina del mouse.

    7. FileBrowser

    FileBrowser offre un nuovo modo di navigare tra i file e le cartelle all'interno della directory del progetto. Quando installi questo plugin puoi avere accesso alla tua directory di progetto in una nuova barra laterale e navigare attraverso di essa senza allontanare le mani dalla tastiera, come un pro-coder. Come ci si abitua, questo plugin può aumentare gradualmente il flusso di lavoro.

    8. IconFont

    IconFont fornisce snippet per molti famosi font di icone come FontAwesome, PaymentFont, Typicons e Github Octicons. Funziona in modo simile ai normali snippet HTML dove le abbreviazioni saranno espanse per tutta la lunghezza di classi e codice HTML per ogni icona.

    9. DistractionFreeWindow

    Sebbene sia incorporato in Sublime Text “Distrazione gratuita” funzione ti consente di concentrarti sul codice o sul contenuto che stai digitando, quando ti trovi in ​​questa modalità, la minimappa, la barra laterale e tutte le altre schede sono nascoste. Distrazione-libera non dovrebbe significare perdere l'accesso a quelle caratteristiche. È qui che entra in gioco DistractionFreeWindow per darti una maggiore flessibilità in termini di comportamento della modalità Free Distraction.

    10. FilterLines

    FilterLines consente di cercare tra le righe all'interno del documento per il dato “stringa di parole chiave” o “Notazione RegEx”. È una caratteristica utile per gestire una grande quantità di dati grezzi sotto forma di JSON, JavaScript Array, CVS.

    Cortesia di immagine: David Peckham