10 essentiële productiviteitstips voor Visual Studio Code

Visual Studio Code is eenvoudig de beste programmeer-teksteditor. Het heeft Sublime Text vervangen als mijn coderedacteur en ik ga nooit meer terug. Het is een op Electron gebaseerde JavaScript-app (zoals Atom, een andere veelgeprezen teksteditor), maar hij is razendsnel en heeft geen last van prestatieproblemen zoals de meeste JavaScript-apps.

En in het geval u zich dit afvroeg, ja: VS Code is open-source en beschikbaar op GitHub 10 Gratis Open Source Windows Tools gehost op GitHub 10 Gratis Open Source Windows-tools Gehost op GitHub Microsoft is de organisatie met de meest open source-bijdragers op GitHub. Om deze prestatie te vieren, hebben we een lijst samengesteld met de beste gratis Windows-tools die u kunt downloaden van GitHub. Lees verder . Tien jaar geleden, als ik je had verteld dat Microsoft opensourcesoftware zou omarmen, had je gelachen. Kijk hoe ver we zijn gekomen!

Hoe dan ook, laten we er naar toe gaan. Hier zijn enkele essentiële tips voor Visual Studio-codes die u moet leren als u uw productiviteit en workflow naar een hoger niveau wilt tillen.

1. Beheers het opdrachtpalet in de VS-code

Net zoals Sublime Text (en TextMate ervoor), heeft VS Code iets genaamd a opdrachtpalet. Met deze functie hebt u toegang tot verschillende opdrachten door ze gewoon in te typen, in plaats van gedwongen te worden door menu's te navigeren met uw muis.

U kunt het opdrachtenpalet oproepen met de Ctrl + Shift + P Toetsenbord sneltoets. Begin gewoon met typen wat je wilt doen (bijv. “dichtbij”) en de opties worden in realtime bijgewerkt. Sommige commando's zijn gecategoriseerd (bijv. “het dossier”, Git”, “Terminal”, enz.), dus je kunt dat gebruiken om opdrachten te vinden die je niet kunt vinden.

2. Stel een werkende projectmap in

Als u op klikt Ontdekkingsreiziger in de navigatiezijbalk ziet u een nieuw subpaneel openen. Dit subpaneel is verdeeld in twee secties: Open bewerkers (dat wil zeggen bestanden en documenten die momenteel zijn geopend) en Geen map geopend. Dit laatste is waar we in geïnteresseerd zijn.

Klik Open folder (of u kunt navigeren naar Bestand> Map openen in de menubalk) en selecteer een map op uw systeem. Hierdoor wordt die map in de VS-code geladen als de “huidig ​​werkproject”, waardoor je gemakkelijk toegang hebt tot alle bestanden en submappen, zodat je niet steeds heen en weer moet bladeren naar Bestandsverkenner.

3. Bekijk meerdere bestanden tegelijkertijd

De meeste moderne teksteditors kunnen meerdere bestanden tegelijkertijd ondersteunen, zodat u kunt schakelen tussen geopende bestanden via een soort op tabbladen gebaseerde interface. Meer geavanceerde teksteditors ondersteunen mogelijk zelfs zij-aan-zij tekstbewerking, wat de VS-code doet (zij het alleen horizontaal).

Maar zij aan zij bewerken is moeilijk op kleinere schermen, of dat nu op een laptop of een oudere monitor is - en dat is waar VS Code glanst.

Het heeft iets genaamd dynamische panelen, waarbij als een van de open documentpanelen te smal is, deze automatisch breder wordt wanneer u dat document actief maakt (dat wil zeggen dat u uw cursor erin plaatst). Als je nog steeds een resolutie van bijna 720p gebruikt, ben je dol op deze functie.

4. Bewerk meerdere regels tegelijkertijd

Als u meerdere exemplaren van tekst in een document moet invoegen of verwijderen, hoeft u alleen maar te maken meerdere cursors. U kunt dit doen door ingedrukt te houden alt (of Keuze op Mac) en klik ergens in de tekst. Elke klik maakt een nieuwe cursor.

Dit is met name handig voor zaken als HTML, waar u misschien veel instanties van dezelfde klasse wilt toevoegen of de opmaak van meerdere hyperlinks wilt wijzigen. Leer het en geniet ervan.

5. Ga naar Definitie

Wanneer u programmeert of script, zult u vaak tegen een variabele aanlopen of een methode die u niet herkent. Dus wat doe je? Je zou enkele minuten kunnen besteden aan het zoeken naar het juiste bestand, of je zou de variabele / methode kunnen selecteren met je cursor en hit F12 om onmiddellijk naar zijn definitie te springen.

Of u kunt de Alt + F12 sneltoets om eenvoudig naar de definitie te kijken, die u de definitie laat zien precies op de plaats waar uw cursor staat in plaats van het bronbestand te openen.

Om de tegenovergestelde richting in te gaan, kunt u een gedefinieerde variabele / methode selecteren en de Shift + F12 sneltoets om alle verwijzingen ernaar te vinden. Dit verschijnt ook in de rij bij uw cursor.

Om ervoor te zorgen dat deze functies werken, moet u ervoor zorgen dat de juiste map wordt geopend als de “huidig ​​werkproject” (zie Tip # 2).

6. Hernoem alle voorvallen

Refactoring is een noodzakelijk aspect van het schrijven en onderhouden van schone code 10 Tips voor het schrijven van Cleaner & Better Code 10 Tips voor het schrijven van Cleaner & Better Code Writing schone code ziet er eenvoudiger uit dan het in werkelijkheid is, maar de voordelen zijn het waard. Hier leest u hoe u vandaag schonere code kunt gaan schrijven. Meer lezen, maar het kan best wat hoofdpijn zijn, vooral wanneer u een grote module of een anders enorm stuk code opnieuw wilt bijwerken. Dus in plaats van tientallen bestanden te doorzoeken alleen maar om een ​​variabele of methode te hernoemen, laat VS Code het voor je doen.

Als u een variabele / methode selecteert en op raakt F2, u kunt de naam bewerken en deze zal elke instantie van de naam van die variabele gedurende het gehele lopende werkproject veranderen.

Als u alleen binnen het huidige bestand wilt wijzigen, gebruikt u de Ctrl + F2 een sneltoets op het toetsenbord en de VS-code zullen een cursor naar elke instantie in het huidige bestand leiden.

7. Zoeken in veel bestanden

Als u werkt met bestanden die geen broncode zijn, zijn de bovenstaande functies voor het vinden van symbolen (in tip # 5) niet bruikbaar. Dus wat kun je doen als je een zin of woord moet vinden, maar niet weet in welk bestand het zit? Je gaat terug naar de basis vind functie.

Ctrl + F kunt u tijdens het zoeken in het huidige bestand zoeken Ctrl + Shift + F laat u zoeken in alle bestanden in het gehele huidige werkproject, inclusief alle submappen recursief.

8. Gebruik de opdrachtregel in de VS-code

VS Code wordt geleverd met een geïntegreerde terminal. In Windows wordt deze terminal weergegeven als opdrachtprompt. Op Mac en Linux wordt dit weergegeven als een Bash-prompt. Hoe dan ook, de terminal begint in de directory van het huidige werkproject (als er een is geladen) of in je thuismap (als er geen project is geladen).

Het ondersteunt ook de mogelijkheid om meerdere, afzonderlijke terminals te hebben. Klik gewoon op de + rechtsboven om meer terminal-instanties te spawnen of klik op de Prullenbak om de huidige terminal te sluiten. Het vervolgkeuzemenu maakt het gemakkelijk om tussen deze twee te schakelen (en verspilt niet zoveel schermruimte als een op tabs gebaseerde interface).

9. Installeer een nieuw thema in de VS-code

Zoals je zou verwachten, kun je met VS-code de syntaxisaccentuering van tekst en broncode thematiseren. Helaas is thematisering van de interface zelf niet toegestaan, maar de accentuering van de syntaxis is de belangrijke bit. Je zou verbaasd zijn hoeveel een goed thema je productiviteit kan verhogen.

Je kunt nieuwe thema's vinden op de VS Code Marketplace (ze zijn gratis) of je kunt ze rechtstreeks in VS Code zoeken.

10. Installeer extensies van derden in de VS-code

De laatste essentiële functie die moet worden benadrukt, is de uitbreidbaarheid van de VS-code extensies van derden. Net als bij thema's kun je ze vinden op de VS Code Marketplace (ja, deze zijn ook gratis) of je kunt ernaar zoeken in VS Code. Open het paneel Extensies met de Ctrl + Shift + X Toetsenbord sneltoets.

Uitbreidingen zijn de sleutel tot het maximaliseren van uw productiviteit. Je vindt hier allerlei soorten hulpmiddelen, zoals linters, debuggers, fragmenten, verbeteringen van de kwaliteit van leven aan de VS Code zelf, tools bouwen en zelfs een die Vim-emulatie implementeert. De Top 7 Redenen om de Vim-teksteditor een kans te geven De Top 7 redenen om The Vim Text Editor een kans te geven Al jaren heb ik de ene teksteditor na de andere geprobeerd. U noemt het, ik probeerde het. Ik gebruikte elke en elke bewerker voor meer dan twee maanden als mijn primaire dag-tot-dag editor. Een of andere manier, ik ... Lees meer .

Visual Studio-code is de beste teksteditor

Hoe graag ik het ook mag, ik zal de eerste zijn die toegeeft dat de VS-code niet perfect is voor iedereen - niets is dat ooit - en het is misschien niet waar je naar op zoek bent. Of misschien is het precies wat u nodig hebt!

Probeer het en ga met een open geest naar binnen. Ik denk dat je verrast zult zijn door wat je vindt. Merk op dat de VS-code alleen een teksteditor is, geen IDE! (Meer informatie over de verschillen tussen teksteditors en IDE's Teksteditors versus IDE's: welke is beter voor programmeurs? Teksteditors versus IDE's: welke is beter voor programmeurs? Kiezen tussen een geavanceerde IDE en een eenvoudigere teksteditor kan moeilijk zijn We bieden enig inzicht om u te helpen bij het nemen van die beslissing.

Meer informatie over: Programmeren, Teksteditor, Visual Studio-code.