Einfache Möglichkeiten zur Verwendung von ES6: 8-Schritte (mit Bildern)

Inhaltsverzeichnis:

Einfache Möglichkeiten zur Verwendung von ES6: 8-Schritte (mit Bildern)
Einfache Möglichkeiten zur Verwendung von ES6: 8-Schritte (mit Bildern)

Video: Einfache Möglichkeiten zur Verwendung von ES6: 8-Schritte (mit Bildern)

Video: Einfache Möglichkeiten zur Verwendung von ES6: 8-Schritte (mit Bildern)
Video: CrossFire- Tutorial - LogIn Bild ändern by Just4Hack62 2024, April
Anonim

ES6, manchmal auch als ECMAScript 2015 bezeichnet, ist ein Code, den Sie in einigen Browsern finden, aber Sie müssen eine Node.js-Umgebung ausführen, um ES6-Code ausführen und schreiben zu können. Dieses wikiHow zeigt dir, wie du mit dem Schreiben von ES6-Code beginnst.

Schritte

Verwenden Sie ES6 Schritt 1
Verwenden Sie ES6 Schritt 1

Schritt 1. Laden Sie Node.js unter https://nodejs.org/en/ herunter und installieren Sie es

Node.js ist eine serverseitige Umgebung, die Sie zur Verwendung von Code benötigen. Node.js funktioniert sowohl für Windows als auch für macOS.

  • Überspringen Sie diesen Schritt, wenn Node.js bereits auf Ihrem Computer installiert ist.
  • Klicken LTS, die erste grüne Taste links. Dadurch wird eine stabile Version von Node.js auf Ihrem Computer installiert. Wenn Sie einen Windows-Computer verwenden, müssen Sie höchstwahrscheinlich die heruntergeladene Datei ausführen und mit dem Installationsassistenten fortfahren. Wenn Sie macOS verwenden, müssen Sie höchstwahrscheinlich die installierte Datei ausführen und dann das Anwendungssymbol per Drag & Drop in Ihren Anwendungsordner ziehen.
Verwenden Sie ES6 Schritt 2
Verwenden Sie ES6 Schritt 2

Schritt 2. Laden Sie Visual Studio Code unter https://code.visualstudio.com/ herunter und installieren Sie es

VSC ist ein Programm, das sowohl auf Windows als auch auf Mac ausgeführt wird und mit dem Sie ES6-Code erstellen können.

Klicken Herunterladen in der oberen rechten Ecke der Seite, wenn der aktuelle Herunterladen für (Ihr Betriebssystem) ist falsch. Windows-Benutzer müssen möglicherweise die heruntergeladene Datei ausführen und mit dem Installationsassistenten fortfahren. Wenn Sie macOS verwenden, müssen Sie höchstwahrscheinlich die installierte Datei ausführen und dann das Anwendungssymbol per Drag & Drop in Ihren Anwendungsordner ziehen.

Verwenden Sie ES6 Schritt 3
Verwenden Sie ES6 Schritt 3

Schritt 3. Erstellen Sie einen leeren Ordner auf Ihrem Laufwerk oder Desktop

Öffnen Sie dazu einfach den Datei-Explorer oder den Finder, gehen Sie zu dem Speicherort (z. B. Laufwerk C), an dem Sie Ihren Ordner erstellen möchten. Nennen Sie es etwas Einfaches, an das Sie sich erinnern werden (wie "JS" oder "Nodefolder").

Verwenden Sie ES6 Schritt 4
Verwenden Sie ES6 Schritt 4

Schritt 4. Öffnen Sie Visual Studio-Code

Sie finden dies in Ihrem Startmenü oder im Anwendungsordner im Finder.

Verwenden Sie ES6 Schritt 5
Verwenden Sie ES6 Schritt 5

Schritt 5. Öffnen Sie den leeren Ordner in VSC

Gehe zu Datei > Neuen Ordner öffnen um den Dateibrowser zu öffnen und Ihren leeren Ordner auszuwählen.

Der Name Ihres Ordners wird im Bedienfeld auf der linken Seite der Anwendung angezeigt

Verwenden Sie ES6 Schritt 6
Verwenden Sie ES6 Schritt 6

Schritt 6. Erstellen Sie eine Datei in Ihrem Ordner

Klicken Sie neben dem Ordnernamen auf die Seite und das Pluszeichen (+).

Nennen Sie es etwas Einfaches, zum Beispiel "helloworld.js"

Verwenden Sie ES6 Schritt 7
Verwenden Sie ES6 Schritt 7

Schritt 7. Geben Sie den folgenden Code in das Textfeld rechts ein

  • console.log('Hallo Welt');

Verwenden Sie ES6 Schritt 8
Verwenden Sie ES6 Schritt 8

Schritt 8. Testen Sie, ob der Code funktioniert

Da Node.js installiert ist, wird unten in Ihrem Programm ein "Terminal"-Fenster angezeigt.

  • Typ

    Knoten helloworld.js

  • und Sie sollten in der nächsten Zeile eine Antwort von "Hello world" erhalten.
  • Sie sollten in der Lage sein, hier jeden gewünschten ES6-Code zu erstellen. Codebeispiele finden Sie unter https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ und https://code. visualstudio.com/docs/languages/javascript.

Empfohlen: