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 installeer JavaScript in VSCode.
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.
lockwindows
- Installeer Visual Studio-code
- Installeer Node.JS
- Maak een JavaScript-programma en voer het uit
Laten we er in detail over praten.
1] Installeer Visual Studio-code
schakel de update-assistent van Windows 10 uit
Allereerst moeten we Visual Studio Code op uw computer installeren. Om hetzelfde te doen, navigeert u naar code.visualstudio.com en installeer 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 “Knooppunt.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 ambtenaar 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 dan met .js verlenging. Je kunt het dus een naam geven “javascript.js”. 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: openen Terminal, en navigeer vervolgens naar het bestandspad met behulp van ‘cd’ of verander de mapopdracht. Dus cd gewoon naar je bestandspad (cd ~/Desktop/JS) en voer het vervolgens uit knooppunt bestandsnaam.js. Code Runner doet dat echter automatisch voor u.
plan een e-mail in Outlook
Lezen: Hoe VS Code voor Microsoft C++ te configureren ?
Fix ‘node’ wordt niet herkend als een intern of extern commando
Als u de foutmelding krijgt dat ‘‘knooppunt’ 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.
- Druk op Win + R, typ 'Omgevingsvariabele' en open de Bewerk de systeemomgevingsvariabelen sectie.
- Klik op Omgevingsvariabelen.
- Selecteer Pad en klik vervolgens op Bewerken.
- Klik op Nieuw en plak het pad waar Nodejs is geïnstalleerd. Voor mij was het “C:\Program Files\nodejs”
- Klik op Oké.
Start ten slotte Visual Studio Code opnieuw op en controleer vervolgens of het probleem is opgelost.
Lezen: Visual Studio Installer loopt vast bij het installeren van het pakket
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, schrijft u codes en begint u 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 het vervolgens uit knooppunt bestandsnaam.js of beter: download de Code Runner-extensie.
Windows 10 verwijdert veilig hardware die niet werkt
Lezen: Java JDK downloaden en installeren op Windows ?
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 .
Lees ook: Beste C++-extensies voor Visual Studio Code .
