Eenvoudige visuele verbeteringen voor betere codering in sublieme tekst

Sublime Text biedt duizenden extensies en instellingen om een ​​gepersonaliseerde coderedacteur voor iedereen beschikbaar te maken. Op dit moment laat ik je een aantal instellingen, plug-ins, thema's en kleurenschema's zien om de codeerervaring visueel aantrekkelijker te maken. Dit maakt je scherm niet alleen mooier, het maakt je ook een betere codeur!


instellingen

Sublime-tekst is vooraf gebouwd met enkele geweldige functies om uw codeerervaring visueel aan te passen, maar sommige van deze instellingen zijn standaard niet ingeschakeld. Hier zijn er een paar waar ik niet zonder zou kunnen leven.

Notitie: Als je je Sublime Text-instellingenbestand wilt bewerken, open je het door te gaan Sublieme tekst 2> Voorkeuren> Instellingen - Standaard en selecteer vervolgens het juiste item.


Zoek de instellingen die u wilt wijzigen en voeg ze vervolgens toe aan uw Gebruikersinstellingen om te voorkomen dat ze worden overschreven bij het upgraden van Sublime-tekst.


Bekijk Installatie- en basisinstellingen voor meer informatie over het beheer van Sublime-tekstinstellingen.

Lettertypen en afstand

Het kiezen van het juiste lettertype en de juiste spatiëring is een van de meest persoonlijke manieren om uw code aan te passen. Kies eerst een geschikt coderingslettertype, bij voorkeur een letter met een vaste speling. Hier zijn er een paar om te bekijken:

  • Broncode Pro
  • Consolas
  • Monaco
  • Inconsolata
  • Anonieme Pro

Nadat u een lettertype hebt gekozen, controleert u of het op uw systeem is geïnstalleerd, voegt u het toe aan uw instellingen en past u de grootte en spatiëring aan met de volgende opties:

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

highlight_line

Deze instelling tekent de regel waarop de cursor staat met een andere kleur (afhankelijk van uw kleurenschema). Als u uw huidige lijn ziet, kunt u zich concentreren op de huidige taak terwijl u typt, eenvoudig van regel naar regel navigeren en snel uw plek vinden wanneer u terugkeert uit een ander programma.

"highlight_line": waar,

highlight_modified_tabs

Om meer aandacht te schenken aan de niet-opgeslagen bestanden in het huidige project, markeert deze instelling de tabbladen van de gewijzigde bestanden in een venster.

"highlight_modified_tabs": waar,

fade_fold_buttons

Wist je dat Sublime Text stukjes code kan vouwen en uitvouwen? Dat deed ik, maar ik vergeet altijd dat die functie beschikbaar is. Als u deze instelling inschakelt, laat deze de vouwcode aan de rechterkant achter en verbergt deze.

"fade_fold_buttons": false,

word_wrap

Horizontaal scrollen kan lastig zijn. Als de instelling voor tekstomloop is geactiveerd, vloeit uw tekst naar de huidige schermgrootte en wordt voorkomen dat u horizontaal moet scrollen.
"word_wrap": waar,

bold_folder_labels

Er zijn enkele geweldige instellingen beschikbaar om een ​​aantal sterkere visuele elementen naar de zijbalk te brengen, hier zijn ze:
"bold_folder_labels": waar,

Toon geopende bestanden in de zijbalk

Vreemd genoeg is deze optie niet ingesteld in het voorkeurenbestand. Als u open bestanden boven aan uw zijbalk wilt weergeven, gaat u naar:
Beeld → Zijbalk → Toon geopende bestanden

Lijn de zijbalk uit

Dit is niet zozeer een setting, maar meer een tip. Net als in een spreadsheet kunt u dubbelklikken op de grens tussen de zijbalk en de inhoud om de zijbalk te transformeren naar de breedte van de inhoud.


plugins

Plug-ins zijn uitermate nuttig om extra functies aan Sublime Text te geven, ik raad ten zeerste aan om Package Control te gebruiken om uw plug-ins te beheren.

BracketHighlighter

Bracket markeerstift is een plug-in die markeringen en haakjes markeert (go figure!) Maar serieus, het is een krachtige tool die je het begin- en eindpunt laat zien van elk deel van de code waarin je je bevindt. Het beugeltype wordt weergegeven in de zijbalk en heeft een ander pictogram voor de verschillende typen tekens en elementen.


Git Gutter

Dit is een van mijn persoonlijke favorieten. Git gutter is een eenvoudige plug-in die een pictogram in het gootgebied toont om ingevoegde, gewijzigde of verwijderde regels aan te geven in vergelijking met je git-project.


SublimeLinter

Deze plugin geeft inline lintmarkering weer. Met hun uitgebreide documentatie en lange lijst van linters is deze plug-in een geweldige oplossing om ervoor te zorgen dat uw code foutloos is.



Thema's en kleurenschema's

Een van de grootste manieren om Sublime-tekst aan te passen en er je eigen te maken, is met thema's en kleurenschema's. Er zijn momenteel honderden opties beschikbaar en meer worden elke week geïntroduceerd. Hier zijn een paar thema's en kleurenschema's die de moeite van het bekijken waard zijn.

Thema: frisdrank

Soda is het populairste thema en het beste voorbeeld van een aangepast thema in de Sublime Text-community geworden. Er zijn veel thema's gemaakt door dit project te vatten. Soda biedt extra instellingen, netvlies-klaar graphics en donkere en lichte gebruikersinterfaces


Thema: Flatland

Als je een fan bent van de vlakke trend, dan is Flatland een goede keuze. Het vereenvoudigt alle visuele elementen en laat u een aantal andere opties opgeven, zoals de stijl van tabbladen en zijbalk.

Thema: Spacegray

Mijn persoonlijke favoriet nu en nu trending op Github, Spacegray heeft een uniek kleurenpalet en een hyperminimal UI.


Kleurenschema: gesolariseerd

Het bekende Solarized-project is beschikbaar voor Sublime Text. Het is een kleurenproject met het label "precisiekleuren voor machines en mensen" met een unieke kleurentheorie achter de oprichting ervan.

Kleurenschema: Base16

Base16 is een ander populair kleurenschema met veel opties (ik gebruik het momenteel).


Conclusie

Er is nog zoveel meer te bedekken! Vergeet niet dat het belangrijk is om alle verschillende elementen van Sublime-tekst te evalueren wanneer u deze zelf maakt. Neem mijn woord niet op, ga op zoek naar Github of Package Control, probeer een aantal nieuwe instellingen en kijk of ze voor u werken. En bezoek je setup regelmatig en kijk of iets nieuws je codeerervaring kan verbeteren.

Welke instellingen, lettertypen, plug-ins, thema's of kleurenschema's zijn volgens u een betere codeerervaring voor u? Laat het ons weten in de comments en deel dit met iemand waarvan je denkt dat je het nodig hebt!