JavaScript installeren in VSCode

JavaScript is een van de belangrijkste front-endtalen omdat het uw webpagina de mogelijkheid geeft om te denken en te reageren. Als u een front-end-ontwikkelaar bent, wilt u misschien JavaScript aan uw IDE toevoegen. In deze tutorial zullen we zien hoe u JavaScript in VSCode installeert.

Installeer JavaScript in VSCode

Visual Studio Code is een code-editor die volledig gratis en open-source is. Het is ontwikkeld door Microsoft en staat hoog aangeschreven bij ontwikkelaars vanwege het lichtgewicht, snelle en uitbreidbare ontwerp. Deze code-editor ondersteunt verschillende programmeertalen en in deze tutorial zullen we ons concentreren op JavaScript.

Om JavaScript in VSCode te installeren, moet u de onderstaande stappen volgen.

1. Installeer Visual Studio-code
2. Installeer Node.JS
3. Maak een JavaScript-programma en voer het uit

Laten we er in detail over praten.

1] Installeer Visual Studio-code

Allereerst moeten we Visual Studio Code op uw computer installeren. Om hetzelfde te doen, navigeert u naar code.visualstudio.com en installeert u de app voor uw voorkeursplatform. Na het downloaden gaat u naar de downloadlocatie en installeert u het op uw computer.

2] Installeer Node.JS

Node.js is een gratis en open-source JavaScript-runtime-omgeving die op verschillende besturingssystemen kan draaien, zoals Windows, Linux, Unix en macOS. Het maakt gebruik van de V8 JavaScript-engine om JavaScript-code buiten een webbrowser uit te voeren. Met Node.js kunt u JavaScript gebruiken om opdrachtregelprogramma’s te schrijven en scripting op de server uit te voeren.

We kunnen het Node.JS Extension Pack installeren vanuit het Extension Center. Ga dus naar het gedeelte Extensie door op het betreffende pictogram te klikken, zoek naar “Node.JS” en klik op het bijbehorende installatiepictogram. Dit pakket bevat een verzameling handige extensies voor het werken met JavaScript en Node.js.

Om onze JavaScript-code uit te voeren, moeten we Node.js, een JavaScript-runtime, installeren. Je kunt het downloaden van de officiële Nodejs.org -website. Het wordt aanbevolen dat u de LTS-versie (Long Term Support) kiest, omdat deze de meest stabiele en geschikt is voor de meeste gebruikers.

3] Maak een JavaScript-programma en voer het uit

Nu we een omgeving hebben gecreëerd waarin de code kan worden uitgevoerd, kunnen we beginnen met coderen. Om hetzelfde te doen, moet u eerst een VSCode-bestand maken. Open dus Visual Studio Code en ga naar Bestand> Nieuw bestand. Geef het een naam naar keuze, maar met de extensie .js . Je kunt het dus “javascript.js” noemen. Gebruik Ctrl + Shift + S of Bestand > Opslaan als om het op te slaan. Om te bevestigen of alles goed werkt, gebruikt u de volgende opdracht.

console.log("Hello, world!");

Deze JavaScript-code geeft de tekst “Hallo wereld!” via de console, een op tekst gebaseerde interface voor communicatie met uw programma.

4] Voer een JavaScript-bestand uit

Het uitvoeren van JavaScript is niet zo eenvoudig als het uitvoeren van een Java-bestand. Ofwel moet u de CodeRunner installeren, die een knop aan uw IDE toevoegt, zodat u de code met slechts één klik op de knop kunt uitvoeren. Of open Terminal en navigeer vervolgens naar het bestandspad met behulp van de opdracht ‘cd’ of ‘change directory’. Dus cd gewoon naar je bestandspad (cd ~/Desktop/JS) en voer vervolgens knooppunt bestandsnaam.js uit. Code Runner doet dat echter automatisch voor u.

Fix ‘node’ wordt niet herkend als een intern of extern commando

Als u de foutmelding krijgt dat ‘node’ niet wordt herkend als een intern of extern commando’, is de padvariabele niet gedefinieerd in uw systeem. U moet dus de onderstaande stappen volgen om het pad in de omgevingsvariabele te definiëren.

1. Druk op Win + R, typ “Omgevingsvariabele” en open de sectie De systeemomgevingsvariabelen bewerken.
2. Klik op Omgevingsvariabelen.
3. Selecteer Pad en klik vervolgens op Bewerken.
4. Klik op Nieuw en plak het pad waar Nodejs is geïnstalleerd. Voor mij was het “C:\Program Files\nodejs”
5. Klik op Oké.

Start ten slotte Visual Studio Code opnieuw op en controleer vervolgens of het probleem is opgelost.

Hoe JavaScript toe te voegen aan VS-code?

Om JavaScript toe te voegen aan Visual Studio Code, moet u eerst VSCode installeren en vervolgens Node.JS. Als u klaar bent, maakt u een . JS-bestand, schrijf codes en begin vervolgens met het schrijven van codes. Om het uit te voeren, navigeert u gewoon naar het bestandspad met behulp van de Terminal en voert u vervolgens knooppunt bestandsnaam.js uit, of beter nog, download de Code Runner-extensie.

Kunnen we JavaScript in VS Code doen?

Ja, u kunt JavaScript gebruiken in VS Code. VS Code biedt zelfs uitstekende ondersteuning voor foutopsporing voor JavaScript. U kunt eenvoudig breekpunten instellen, objecten inspecteren, door de call-stack navigeren en code uitvoeren in de Debug Console. Als u meer wilt weten over foutopsporing in VS Code, navigeert u naar code.visualstudio.com .