9 Visual Studio Code-uitbreidingen die programmeren nog eenvoudiger maken

9 Visual Studio Code-uitbreidingen die programmeren nog eenvoudiger maken

De Visual Studio-code van Microsoft is: een van de beste gratis teksteditors nu beschikbaar. Het combineert een volledige functieset met relatief gebruiksgemak, en de prestaties zijn verrassend goed voor een Electron-app. Een van de redenen waarom mensen er dol op zijn, afgezien van de redenen, is de uitbreidbaarheid ervan.





Net als veel andere populaire teksteditors, heeft Visual Studio Code een enorme hoeveelheid extensies beschikbaar om het gedrag aan te passen. Deze kunnen enorm veranderen hoe Visual Studio Code werkt en aanvoelt, zoals het toevoegen van toetsbindingen in Vim- of Emacs-stijl. Met deze lijst hebben we slechts een paar van onze favorieten samengesteld.





Hoe Visual Studio Code-extensies te installeren

Voor het geval u niet bekend bent, is het eenvoudig om extensies te installeren in Visual Studio Code. Klik op de Extensies icoon aan de linkerkant van het scherm. Het is het vijfde pictogram naar beneden, direct onder het pictogram Debug.





Typ nu gewoon de naam of een deel van de naam van de extensie die u wilt installeren. Klik op de naam om het overzicht van de extensie te lezen en klik vervolgens op de Installeren pictogram om het te installeren.

1. Visual Studio IntelliCode

Ontwikkeld door Microsoft DevLabs, Visual Studio IntelliCode is een extensie die kunstmatige intelligentie inschakelt om u te helpen coderen. De extensie ondersteunt momenteel Python, JavaScript/TypeScript en Java.



waarom zou een sms niet worden afgeleverd?

Als u Intellisense eerder in Visual Studio of Visual Studio Code hebt gebruikt, weet u wat u kunt verwachten. Het verschil hier is dat dit in wezen een nog intelligentere kijk op dat idee is.

Deze extensie bevindt zich nog in de beginfase van ontwikkeling en is nu al indrukwekkend. Zodra het wat meer tijd in ontwikkeling heeft gehad, ziet u dit misschien zelfs ingebouwd in Visual Studio Code.





2. Instellingen synchroniseren

De meeste mensen die een teksteditor gebruiken, maken regelmatig op zijn minst een paar aanpassingen aan de instellingen. Veel mensen gaan zelfs nog verder en passen het aan hun persoonlijke manier van werken aan. Als u vaak aan meer dan één machine werkt, kan het frustrerend zijn om deze aanpassingen voortdurend met de hand te maken.

Instellingen synchroniseren heeft tot doel dat probleem op te lossen. Met behulp van een eenvoudige GitHub Gist, synchroniseert Settings Sync je instellingen. Dit omvat andere extensies en hun configuraties, dus je hele configuratie wordt uiteindelijk draagbaar. Breng enkele wijzigingen aan op één machine, synchroniseer uw instellingen en u kunt ze eenvoudig synchroniseren op andere machines.





Het duurt een paar minuten om Settings Sync in te stellen, daarna hoef je er niet meer over na te denken. Instructies voor het instellen zijn beschikbaar via het Extensieoverzicht in Visual Studio Code.

3. Pad Intellisense

Als u Visual Studio Code gebruikt om persoonlijke of systeemconfiguratiebestanden te bewerken, Pad Intellisense kan een redder in nood zijn. In een notendop, de extensie voegt Intellisense-achtige voltooiing toe aan bestandsnamen, zodat u gemakkelijk lange padnamen kunt typen zonder ze in het geheugen te hoeven vastleggen.

Dit is een relatief eenvoudige extensie, maar het heeft een paar configuratie-opties. U kunt bijvoorbeeld kiezen of u een schuine streep wilt toevoegen na directorynamen. Andere opties zijn onder meer het al dan niet opnemen van bestandsnamen in importinstructies en de mogelijkheid om bepaalde bestandstypen te negeren.

4. Taakverkenner

De Taakverkenner extensie voegt IDE-achtige taakuitvoeringsfuncties toe aan Visual Studio Code. Dit omvat voornamelijk bouwtaken voor uw huidige project, maar kan ook bash, Python en andere scripts bevatten.

Task Explorer ondersteunt een behoorlijk aantal standaard build-tools. Deze omvatten NPM, Grunt, Gulp, Ant, Make en Visual Studio Code zelf. De extensie is aanpasbaar, zodat u het pad naar elke taakrunner en scripttaal kunt aanpassen. Dit is handig als je meerdere versies hebt geïnstalleerd en een specifieke versie wilt gebruiken.

5. GoLens

Visual Studio Code-functies Git-integratie kant-en-klaar, zoals we eerder hebben vermeld, dus je hebt deze extensie misschien niet absoluut nodig. Dat gezegd hebbende, GoLens voegt verschillende functies toe die u helpen de Git-geschiedenis van uw project te visualiseren, te navigeren en te begrijpen.

GitLens voegt onder andere een krachtige gesplitste diff-weergave toe die je helpt om eenvoudig het verschil tussen commits en branches te visualiseren. Met de extensie kun je ook zoeken door de commit-geschiedenis van een project, zoeken op auteur, bestanden, commit-berichten en meer.

Andere functies zijn onder meer een heatmap in de Visual Studio Code-goot waarmee u gemakkelijk kunt zien waar het meeste werk plaatsvindt in een bepaald bestand. Waar het op neerkomt, is dat als je sterk op Git vertrouwt, je deze plug-in op zijn minst eens moet proberen.

hoe een opname op snapchat te screenen zonder dat ze het weten

6. Mooier

Als je een front-end ontwikkelaar bent, en vooral als je een stijlgids moet volgen, Mooier misschien wel je nieuwe beste vriend. De Prettier-extensie formatteert automatisch JavaScript, TypeScript en CSS met behulp van de code-opmaaktool met dezelfde naam.

Prettier neemt de code die u schrijft en herschrijft deze voor u, volgens een strikte set opmaakrichtlijnen. De extensie is 'opinionerend', wat betekent dat het verschillende beslissingen op zichzelf neemt, maar je kunt de extensie gebruiken met de eslint- of tslint-tools om ervoor te zorgen dat deze je eigen pluisconfiguratie volgt.

7. Beugelpaar Colorizer

Beugelpaar Colorizer: is een plug-in die goed wordt beschreven door zijn naam. Het kleurt automatisch bepaalde tekens in om u te helpen vertellen hoe diep een bepaald stuk code is genest. Verschillende talen worden standaard ondersteund, zo veel dat het bijna zeker is dat de taal van uw keuze wordt ondersteund.

Standaard,

()

,

[]

, en

{}

overeenkomen, maar u kunt ook andere haakjes definiëren waaraan u wilt koppelen. Dit soort plug-ins zijn meestal erg polariserend, maar als je niet zeker weet of je het wilt of niet, probeer dan Bracket Pair Colorizer eens.

8. Codetijd

Heb je je ooit afgevraagd hoeveel uur per week je in je teksteditor doorbrengt? Hoe zit het met de beste tijd van de dag of dag van de week voor een optimale programmering? Als je je ooit hebt afgevraagd over deze of andere statistieken, Code Tijd is voor jou.

Code Time meet uw activiteit in Visual Studio Code en rapporteert aan u over de bovenstaande activiteiten, evenals over andere statistieken. U ziet realtime statistieken in de statusbalk en er is een dashboard in de editor voor een beter overzicht.

U kunt Code Time instellen om u een wekelijks e-mailrapport te sturen, terwijl u met Google Agenda-integratie automatisch tijd kunt reserveren voor uw beste programmeertijden, zodat ze niet worden verpest door vergaderingen.

9. REST-client

Of u nu een front-end webontwikkelaar bent of iemand die het grootste deel van zijn tijd op de server doorbrengt, u bent waarschijnlijk gevallen tegengekomen waarin u een REST API moet testen. Er zijn hiervoor browser-plug-ins en tal van andere tools, maar als u het grootste deel van uw tijd in een teksteditor doorbrengt, waarom zou u de client dan niet beschikbaar hebben waar u zich het meest op uw gemak voelt?

Dit is een relatief eenvoudige extensie die doet wat hij beweert te doen. U kunt eenvoudig HTTP-verzoeken verzenden en cURL-opdrachten verzenden. Voor authenticatie ondersteunt de extensie basisauthenticatie, digest-authenticatie, SSL-clientcertificaten en meer.

Wees productiever in Visual Studio Code

Deze extensies zijn nog maar het begin, vooral als u nog niet bekend bent met Visual Studio Code. Ten eerste zijn er nog veel meer extensies beschikbaar. In de meeste gevallen hebben we specifiek taalspecifieke extensies vermeden, maar er zijn er genoeg beschikbaar. Of u nu codeert in JavaScript, C++, Go of een andere taal, u zult extensies vinden die uw werk gemakkelijker kunnen maken.

Er zijn ook veel meer manieren om sneller meer gedaan te krijgen in Visual Studio Code. Om u op weg te helpen, hebben we een lijst met essentiële tips om u productiever te maken in Visual Studio Code .

Deel Deel Tweeten E-mail Verwijder deze Windows-bestanden en -mappen om schijfruimte vrij te maken

Wilt u schijfruimte op uw Windows-computer vrijmaken? Hier zijn de Windows-bestanden en -mappen die veilig kunnen worden verwijderd om schijfruimte vrij te maken.

Lees volgende
Gerelateerde onderwerpen
  • Programmeren
  • Visual Studio-code
Over de auteur Kris Wouk(118 artikelen gepubliceerd)

Kris Wouk is een muzikant, schrijver en hoe het ook heet als iemand video's maakt voor het web. Hij is al zo lang als hij zich kan herinneren een tech-enthousiasteling, hij heeft absoluut favoriete besturingssystemen en apparaten, maar gebruikt toch zoveel mogelijk andere om bij te blijven.

magische muis 2 versus magische trackpad 2
Meer van Kris Wouk

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren