Notitie
Voor toegang tot deze pagina is autorisatie vereist. U kunt proberen u aan te melden of de directory te wijzigen.
Voor toegang tot deze pagina is autorisatie vereist. U kunt proberen de mappen te wijzigen.
In deze inleiding van 5-10 minuten tot de IDE (Integrated Development Environment) van Visual Studio volgen we een rondleiding door enkele vensters, menu's en andere UI-functies.
Als u Visual Studio nog niet hebt geïnstalleerd, gaat u naar de downloadpagina van Visual Studio om deze gratis te installeren.
Startvenster
Het eerste wat u ziet nadat u Visual Studio hebt gestart, is het startvenster. Het startvenster is ontworpen om u sneller aan de slag te gaan met coderen. Het bevat opties om code te sluiten of uit te checken, een bestaand project of een bestaande oplossing te openen, een nieuw project te maken of gewoon een map te openen die een aantal codebestanden bevat. Als het startvenster niet is geopend, kiest u het venster Bestand > starten om het te openen.
Als dit de eerste keer is dat u Visual Studio gebruikt, is de lijst met recente projecten leeg.
Als u met niet-MSBuild-codebases werkt, gebruikt u de optie Een lokale map openen om uw code te openen in Visual Studio. Zie Code ontwikkelen in Visual Studio zonder projecten of oplossingenvoor meer informatie. Anders kunt u een nieuw project maken of een project klonen van een bronprovider, zoals GitHub of Azure DevOps.
Met de optie Doorgaan zonder code wordt de Ontwikkelomgeving van Visual Studio geopend zonder dat er een specifiek project of code is geladen. U kunt deze optie kiezen om deel te nemen aan een livesharesessie of een proces te koppelen voor foutopsporing. U kunt ook op Esc drukken om het startvenster te sluiten en de IDE te openen.
Een project maken
Als u de functies van Visual Studio wilt blijven verkennen, gaan we een nieuw project maken.
Selecteer in het startvenster Een nieuw project maken en typ vervolgens in het zoekvak javascript of typescript om de lijst met projecttypen te filteren op projecttypen die 'javascript' of 'typescript' bevatten in hun naam of taaltype.
Visual Studio biedt verschillende soorten projectsjablonen waarmee u snel aan de slag kunt met coderen.
- Kies een JavaScript Express Application-projectsjabloon en klik op Volgende.
- Kies een lege Node.js webtoepassingsprojectsjabloon en klik op Volgende.
Accepteer in het dialoogvenster Uw nieuwe project configureren dat wordt weergegeven de standaardprojectnaam en kies Maken.
Het project is gecreëerd. Selecteer in het rechterdeelvenster app.js om het bestand te openen in het venster Editor . De editor toont de inhoud van bestanden en is de plek waar u het meeste van uw coderingswerk in Visual Studio uitvoert.
Het project wordt gemaakt en er wordt een bestand met de naam server.js geopend in het venster Editor . De editor toont de inhoud van bestanden en is de plek waar u het meeste van uw coderingswerk in Visual Studio uitvoert.
Solution Explorer
Solution Explorer, dat zich meestal aan de rechterkant van Visual Studio bevindt, toont u een grafische weergave van de hiërarchie van bestanden en mappen in uw project, oplossing of codemap. U kunt door de hiërarchie bladeren en naar een bestand navigeren in Solution Explorer.
Menu's
De menubalk boven aan Visual Studio groepeert opdrachten in categorieën. Het menu Project bevat bijvoorbeeld opdrachten met betrekking tot het project waarin u werkt. In het menu Extra kunt u aanpassen hoe Visual Studio zich gedraagt door Opties te selecteren of functies aan uw installatie toe te voegen door Hulpprogramma's en onderdelen ophalen te selecteren.
We gaan het venster Foutenlijst openen door het menu Beeld te kiezen en vervolgens De lijst met fouten weer te geven.
Foutenlijst
In de lijst met fouten worden fouten, waarschuwingen en berichten weergegeven met betrekking tot de huidige status van uw code. Als er fouten zijn (zoals een ontbrekende accolade of puntkomma) in uw bestand of ergens in uw project, worden deze hier vermeld.
Uitvoervenster
In het uitvoervenster ziet u uitvoerberichten van het bouwen van uw project en van uw bronbeheerprovider.
Laten we het project bouwen om wat build-uitvoer te bekijken. Kies Build Solution in het menu Build. Het uitvoervenster verkrijgt automatisch de focus en geeft een geslaagd buildbericht weer.
Zoekvak
Het zoekvak is een snelle en eenvoudige manier om vrijwel alles in Visual Studio te doen. U kunt tekst invoeren die betrekking heeft op wat u wilt doen en u ziet een lijst met opties die betrekking hebben op de tekst. Stel dat u de gedetailleerdheid van de build-uitvoer wilt vergroten om aanvullende informatie weer te geven over wat de build precies doet. U kunt dit als volgt doen:
- Als u het zoekvak niet ziet, drukt u op Ctrl+Q om het te openen en typt u vervolgens verbosity in het vak.
Dubbelklik in de weergegeven resultaten op de uitvoerverbositeit van het MSBuild-project (projectsAndSolutions.buildAndRun.outputVerbosity).
Het deelvenster Opties wordt geopend in de sectie Alle instellingen>Projecten en oplossingen>Build en Run.
Gebruik de vervolgkeuzelijst en stel de optie MSBuild project bouwuitvoer-verbositeit in op Normaal.
Dubbelklik in de getoonde resultaten op de vermelding Change MSBuild verbosity (Projects and Solutions > Build and Run).
Het dialoogvenster Opties wordt geopend in de sectie Projecten en Oplossingen>bouwen en uitvoeren .
Dubbelklik op de vermelding Change MSBuild verbosity (Projects and Solutions > Build and Run) in de weergegeven resultaten.
Het dialoogvenster Opties wordt geopend op de pagina Met opties voor bouwen> van projecten en oplossingen.
- Gebruik de vervolgkeuzelijst en stel de optie uitvoer-gedetailleerdheid voor het MSBuild-project in op Normaal en selecteer vervolgens OK.
Bouw het project opnieuw door met de rechtermuisknop op het project te klikken in Solution Explorer en Opnieuw opbouwen te kiezen in het contextmenu.
Deze keer wordt in het uitvoervenster uitgebreidere logboekregistratie van het buildproces weergegeven.
Feedback verzenden-menu
Als u problemen ondervindt terwijl u Visual Studio gebruikt of als u suggesties hebt voor het verbeteren van het product, kunt u het menu Feedback verzenden boven aan het Visual Studio-venster gebruiken.
Volgende stappen
We hebben slechts enkele van de functies van Visual Studio bekeken om kennis te maken met de gebruikersinterface. Om verder te verkennen: