Enkle visuelle forbedringer for bedre koding i sublime tekst

Sublime Text tilbyr tusenvis av utvidelser og innstillinger for å lage en personlig kodeditor tilgjengelig for alle. Akkurat nå skal jeg vise deg noen innstillinger, plugins, temaer og fargevalg for å gjøre kodingsopplevelsen mer visuelt tiltalende. Dette vil ikke bare gjøre skjermen finere, det vil gi deg en bedre koder!


innstillinger

Sublime Text kommer pre-built med noen flotte funksjoner for å visuelt endre kodingsopplevelsen, men noen av disse innstillingene er ikke slått på som standard. Her er noen som jeg ikke kunne leve uten.

Merk: For å redigere filen Sublime Text Settings, åpne den ved å gå Sublim tekst 2> Innstillinger> Innstillinger - Standard og deretter velge riktig element.


Finn innstillingene du vil endre, og legg dem til i Brukerinstillinger for å hindre at de blir overskrevet når du oppgraderer Sublime Text.


Ta en titt på installasjons- og basisinnstillinger for mer om hvordan du administrerer sublim tekstinnstillinger.

Skrifter og mellomrom

Å velge riktig skriftfarge og avstand er en av de mest personlige måtene å tilpasse koden på. For det første, velg et passende kodende skrifttype ansikt, helst en monospaced skrift. Her er noen å se på:

  • Kildekode Pro
  • Consolas
  • Monaco
  • Inconsolata
  • Anonym Pro

Når du har valgt en skrifttype, må du kontrollere at den er installert på systemet ditt, legg det til innstillingene dine, og juster størrelsen og avstanden med følgende alternativer:

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

highlight_line

Denne innstillingen tegner linjen som markøren er på med en annen farge (avhengig av fargeskjemaet). Å se din nåværende linje hjelper deg med å fokusere på gjeldende oppgave mens du skriver, enkelt navigere fra linje til linje, og finn deg raskt når du kommer tilbake fra et annet program.

"highlight_line": true,

highlight_modified_tabs

For å få mer fokus på de ikke lagrede filene i det nåværende prosjektet, vil denne innstillingen markere kategoriene for de endrede filene i et vindu.

"highlight_modified_tabs": true,

fade_fold_buttons

Visste du at Sublime Text kan brette og utfolde biter av kode? Jeg gjorde det, men jeg glemmer alltid at funksjonen er tilgjengelig. Hvis du slår på denne innstillingen, vil den forlate foldekoden til høyre istedenfor å gjemme den.

"fade_fold_buttons": false,

word_wrap

Horisontal rulling kan være en smerte. Når innstillingen for ordopppakning er aktivert, strømmer teksten til den gjeldende skjermstørrelsen og forhindrer at den skal rulle horisontalt.
"word_wrap": true,

bold_folder_labels

Det er noen flotte innstillinger tilgjengelig for å få noen sterkere visuelle elementer til sidelinjen, her er de:
"bold_folder_labels": true,

Vis åpne filer i sidefeltet

Merkelig er dette alternativet ikke satt opp i preferansefilen. Hvis du vil vise åpne filer øverst i sidelinjen, går du til:
Se → Sidebjel → Vis åpne filer

Juster sidebjelken

Dette er ikke så mye en innstilling, virkelig mer av et tips. På samme måte som i et regneark kan du dobbeltklikke på grensen mellom sidelinjen og innholdet for å transformere sidelinjen til bredden av innholdet.


plugins

Plugins er svært hjelpsomme med å gi ekstra funksjoner til Sublime Text, jeg anbefaler på det sterkeste å bruke pakkekontroll for å administrere pluginene dine.

BracketHighlighter

Brakett høylighter er et plugin som fremhever koder og braketter (gå figur!) Men seriøst er det et kraftig verktøy som viser start- og sluttpunktet til hver del av koden du er inne. Brakettypen vises i sidefeltet og har et annet ikon for de forskjellige typene tegn og element.


Git Gutter

Dette er en av mine personlige favoritter. Git Gutter er en enkel plugin som viser et ikon i rennestillingsområdet for å indikere innsatte, endrede eller slettede linjer i forhold til ditt git-prosjekt.


SublimeLinter

Dette pluginet viser inline lint-utheving. Med sin omfattende dokumentasjon og lange liste over liners, er dette pluginet en flott løsning for å sikre at koden er feilfri.



Temaer og fargeskjemaer

En av de største måtene å tilpasse Sublime Text og gjøre den til, er med temaer og fargeskjemaer. Det finnes for tiden hundrevis av muligheter, og flere blir introdusert hver uke. Her er noen temaer og farger som er verdt å se på.

Tema: Soda

Soda har blitt det mest populære temaet og det beste eksempelet på et tilpasset tema i Sublime Text-fellesskapet. Mange temaer er opprettet ved å forking dette prosjektet. Soda tilbyr ekstra innstillinger, retina klar grafikk og mørke og lette brukergrensesnitt


Tema: Flatland

Hvis du er fan av den flate trenden, så er Flatland et godt valg. Det forenkler alle de visuelle elementene og lar deg angi en rekke andre alternativer, for eksempel stilen til faner og sidebjelke.

Tema: Spacegray

Min personlige favoritt akkurat nå og for tiden trending på Github, Spacegray har en unik fargepalett og en hyperminimal brukergrensesnitt.


Fargeskjema: Solarisert

Det velkjente Solarized-prosjektet er tilgjengelig for Sublime Text. Det er et fargeprosjekt merket som "presisjonsfarger for maskiner og personer" med en unik fargeteori bak etableringen.

Fargeskjema: Base16

Base16 er et annet populært fargevalg med mange alternativer (jeg bruker det nå).


Konklusjon

Det er så mye mer å dekke! Ikke glem, det er viktig å evaluere alle de forskjellige elementene i Sublime Text når du gjør det til ditt eget. Ikke ta mitt ord for det, gå på søk Github eller Pakkekontroll, prøv noen nye innstillinger og se om de fungerer for deg. Og se oppsettet ditt så ofte og se om noe nytt kan bidra til å forbedre kodingsopplevelsen din.

Hvilke innstillinger, skrifter, plugins, temaer eller fargeskjemaer har du funnet å gjøre en bedre kodingserfaring for deg? Gi oss beskjed i kommentarene, og del dette med noen som du tror kanskje trenger det!