Semplici miglioramenti visivi per una migliore codifica nel testo sublime

Sublime Text offre migliaia di estensioni e impostazioni per rendere disponibile un editor di codice personalizzato per tutti. In questo momento, ti mostrerò alcune impostazioni, plug-in, temi e combinazioni di colori per rendere l'esperienza di codifica visivamente più accattivante. Questo non solo renderà il tuo schermo più carino, ti renderà un programmatore migliore!


impostazioni

Sublime Text è pre-costruito con alcune grandi caratteristiche per alterare visivamente la tua esperienza di codifica, tuttavia alcune di queste impostazioni non sono attivate di default. Eccone alcuni che non potrei vivere senza.

Nota: Per modificare il file delle impostazioni di Testo sublime, aprilo andando Sublime Text 2> Preferences> Settings - Default e quindi selezionando l'elemento appropriato.


Trova le impostazioni che desideri modificare, quindi aggiungile al tuo Impostazioni utente per evitare che vengano sovrascritti durante l'aggiornamento di Testo sublime.


Dai un'occhiata alle impostazioni di installazione e di base per ulteriori informazioni sulla gestione delle impostazioni di testo sublime.

Caratteri e spaziatura

Scegliere la faccia e la spaziatura dei caratteri giusti è uno dei modi più personali per personalizzare il tuo codice. In primo luogo, scegli un carattere di codifica adatto, preferibilmente un carattere a spaziatura fissa. Qui ci sono alcuni da esaminare:

  • Codice sorgente Pro
  • Consolas
  • Monaco
  • Inconsolata
  • Anonimo Pro

Una volta scelto un font, assicurati che sia installato sul tuo sistema, aggiungilo alle tue impostazioni e regola le dimensioni e la spaziatura con le seguenti opzioni:

"Font_face": "Inconsolata";
"font_size": 18;
"line_padding_bottom": 1,
"line_padding_top": 1,

highlight_line

Questa impostazione disegna la linea su cui si trova il cursore con un colore diverso (a seconda della combinazione di colori). La visualizzazione della linea corrente ti aiuta a concentrarti sull'attività corrente mentre digiti, naviga facilmente da una linea all'altra e trova rapidamente il tuo posto quando torni da un altro programma.

"highlight_line": vero,

highlight_modified_tabs

Per conferire maggiore attenzione ai file non salvati nel progetto corrente, questa impostazione evidenzierà le schede dei file modificati all'interno di una finestra.

"highlight_modified_tabs": vero,

fade_fold_buttons

Sapevi che Sublime Text può piegare e dispiegare blocchi di codice? L'ho fatto, ma dimentico sempre che la funzione è disponibile. Se attivi questa impostazione, lascerà il tag pieghevole a destra invece di nasconderlo.

"fade_fold_buttons": false,

word_wrap

Lo scorrimento orizzontale può essere un dolore. Con l'impostazione a capo automatico attivata, il testo scorre alle dimensioni dello schermo corrente e impedisce di scorrere orizzontalmente.
"word_wrap": vero,

bold_folder_labels

Ci sono alcune ottime impostazioni disponibili per portare alcuni elementi visivi più forti nella barra laterale, eccoli qui:
"bold_folder_labels": vero,

Mostra file aperti nella barra laterale

Stranamente, questa opzione non è impostata nel file delle preferenze. Per mostrare i file aperti nella parte superiore della barra laterale, vai a:
Visualizza → Barra laterale → Mostra file aperti

Allinea la barra laterale

Questo non è tanto un setting, davvero più di una mancia. Proprio come in un foglio di calcolo, puoi fare doppio clic sul confine tra la barra laterale e il contenuto per trasformare la barra laterale in base alla larghezza del suo contenuto.


plugin

I plugin sono estremamente utili per portare funzionalità extra a Sublime Text, consiglio vivamente l'uso di Package Control per gestire i plugin.

BracketHighlighter

Bracket-Evidenziatore è un plugin che evidenzia tag e parentesi (vai a capire!) Ma seriamente, è un potente strumento che ti mostra il punto iniziale e finale di ogni sezione di codice che stai dentro. Il tipo di parentesi è visualizzato nella barra laterale e ha un'icona diversa per i diversi tipi di caratteri ed elementi.


Git Gutter

Questo è uno dei miei favoriti. Git gutter è un semplice plugin che visualizza un'icona nell'area di grondaia per indicare le linee inserite, modificate o cancellate rispetto al tuo progetto git.


SublimeLinter

Questo plug-in consente di evidenziare inline lint. Con la loro ampia documentazione e una lunga lista di linters, questo plugin è un'ottima soluzione per assicurarti che il tuo codice sia privo di errori.



Temi e combinazioni di colori

Uno dei più grandi modi per personalizzare Sublime Text e renderlo tuo è con temi e combinazioni di colori. Ci sono attualmente centinaia di opzioni disponibili e altre sono introdotte ogni settimana. Ecco alcuni temi e combinazioni di colori che vale la pena esaminare.

Tema: Soda

Soda è diventato il tema più popolare e il miglior esempio di un tema personalizzato nella community di Sublime Text. Molti temi sono stati creati biforcando questo progetto. Soda offre impostazioni extra, grafica retina pronta e interfacce utente chiare e scure


Tema: Flatland

Se sei un fan della tendenza piatta, quindi Flatland è una buona scelta. Semplifica tutti gli elementi visivi e consente di specificare una serie di altre opzioni, come lo stile delle schede e della barra laterale.

Tema: Spacegray

Il mio preferito in questo momento e attualmente in trend su Github, Spacegray ha una tavolozza di colori unica e un'interfaccia utente iperminimal.


Combinazione di colori: Solarizzato

Il noto progetto Solarized è disponibile per Sublime Text. Si tratta di un progetto di colore etichettato come "colori di precisione per macchine e persone" con una teoria dei colori unica dietro la sua creazione.

Combinazione di colori: Base16

Base16 è un'altra combinazione di colori popolare con molte opzioni (attualmente la sto usando).


Conclusione

C'è molto altro da coprire! Non dimenticare, è importante valutare tutti i diversi elementi di Sublime Text quando lo fai diventare tuo. Non fidarti della mia parola, vai su Github o Controllo pacchetti, prova alcune nuove impostazioni e verifica se funzionano per te. E rivisita il tuo setup ogni tanto e vedi se qualcosa di nuovo può aiutare a migliorare la tua esperienza di codifica.

Quali impostazioni, font, plug-in, temi o combinazioni di colori hai trovato per te un'esperienza di codifica migliore? Fateci sapere nei commenti e condivideteli con qualcuno che pensate possa averne bisogno!