Eenvoudige manieren om ES6 te gebruiken: 8 stappen (met afbeeldingen)

Inhoudsopgave:

Eenvoudige manieren om ES6 te gebruiken: 8 stappen (met afbeeldingen)
Eenvoudige manieren om ES6 te gebruiken: 8 stappen (met afbeeldingen)

Video: Eenvoudige manieren om ES6 te gebruiken: 8 stappen (met afbeeldingen)

Video: Eenvoudige manieren om ES6 te gebruiken: 8 stappen (met afbeeldingen)
Video: LEERLING STAAT NAAKT OP INTERNET 2024, April
Anonim

ES6, ook wel ECMAScript 2015 genoemd, is een code die u in sommige browsers aantreft, maar u moet een Node.js-omgeving uitvoeren om ES6-code te kunnen uitvoeren en schrijven. Deze wikiHow laat je zien hoe je kunt beginnen met het schrijven van ES6-code.

Stappen

Gebruik ES6 Stap 1
Gebruik ES6 Stap 1

Stap 1. Download en installeer Node.js op

Node.js is een server-side omgeving die je nodig hebt om code te gebruiken. Node.js werkt voor zowel Windows als macOS.

  • Sla deze stap over als u Node.js al op uw computer hebt geïnstalleerd.
  • Klik LTS, de eerste groene knop aan de linkerkant. Hiermee wordt een stabiele versie van Node.js op uw computer geïnstalleerd. Als u een Windows-computer gebruikt, moet u waarschijnlijk het gedownloade bestand uitvoeren en de installatiewizard doorlopen. Als u macOS gebruikt, moet u hoogstwaarschijnlijk het geïnstalleerde bestand uitvoeren en vervolgens het toepassingspictogram naar uw map Programma's slepen en neerzetten.
Gebruik ES6 Stap 2
Gebruik ES6 Stap 2

Stap 2. Download en installeer Visual Studio Code op

VSC is een programma dat zowel op Windows als Mac draait en waarmee je ES6-code kunt maken.

Klik Downloaden in de rechterbovenhoek van de pagina als de huidige Downloaden voor (uw besturingssysteem) is onjuist. Windows-gebruikers moeten mogelijk het gedownloade bestand uitvoeren en doorgaan met de installatiewizard. Als u macOS gebruikt, moet u hoogstwaarschijnlijk het geïnstalleerde bestand uitvoeren en vervolgens het toepassingspictogram naar uw map Programma's slepen en neerzetten.

Gebruik ES6 Stap 3
Gebruik ES6 Stap 3

Stap 3. Maak een lege map op uw schijf of bureaublad

Om dit te doen, opent u gewoon Verkenner of Finder, gaat u naar de locatie (bijvoorbeeld C-schijf) waar u uw map wilt maken. Noem het iets eenvoudigs dat je zult onthouden (zoals "JS" of "Nodefolder").

Gebruik ES6 Stap 4
Gebruik ES6 Stap 4

Stap 4. Open Visual Studio-code

Je vindt dit in je Startmenu of de map Programma's in Finder.

Gebruik ES6 Stap 5
Gebruik ES6 Stap 5

Stap 5. Open de lege map in VSC

Ga naar Bestand > Nieuwe map openen om de bestandsbrowser te openen en uw lege map te selecteren.

U ziet de naam van uw map in het paneel aan de linkerkant van de toepassing

Gebruik ES6 Stap 6
Gebruik ES6 Stap 6

Stap 6. Maak een bestand aan in uw map

Klik op de pagina en het plusteken (+) naast de mapnaam.

Noem het iets eenvoudigs, bijvoorbeeld "helloworld.js"

Gebruik ES6 Stap 7
Gebruik ES6 Stap 7

Stap 7. Voer de volgende code in het tekstvenster aan de rechterkant in

  • console.log('Hallo wereld');

Gebruik ES6 Stap 8
Gebruik ES6 Stap 8

Stap 8. Test of de code werkt

Omdat je Node.js hebt geïnstalleerd, zie je onderaan je programma een "Terminal"-venster.

  • Type

    knooppunt helloworld.js

  • en u zou in de volgende regel een antwoord van "Hallo wereld" moeten krijgen.
  • U zou hier elke gewenste ES6-code moeten kunnen maken. Voor codevoorbeelden kunt u kijken op https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ en https://code. visualstudio.com/docs/languages/javascript.

Aanbevolen: