Εύκολοι τρόποι χρήσης ES6: 8 βήματα (με εικόνες)

Πίνακας περιεχομένων:

Εύκολοι τρόποι χρήσης ES6: 8 βήματα (με εικόνες)
Εύκολοι τρόποι χρήσης ES6: 8 βήματα (με εικόνες)

Βίντεο: Εύκολοι τρόποι χρήσης ES6: 8 βήματα (με εικόνες)

Βίντεο: Εύκολοι τρόποι χρήσης ES6: 8 βήματα (με εικόνες)
Βίντεο: ΠΩΣ ΝΑ ΚΑΝΕΙΣ ΤΑΤΟΥ ΣΕ ΨΕΥΤΙΚΟ ΔΕΡΜΑ👀💕 2024, Ενδέχεται
Anonim

Το ES6, μερικές φορές αναφέρεται ως ECMAScript 2015, είναι ένας κώδικας που θα βρείτε σε ορισμένα προγράμματα περιήγησης, αλλά πρέπει να εκτελέσετε ένα περιβάλλον Node.js για να μπορείτε να εκτελέσετε και να γράψετε κώδικα ES6. Αυτό το wikiHow θα σας δείξει πώς να ξεκινήσετε να γράφετε κώδικα ES6.

Βήματα

Χρησιμοποιήστε το Βήμα 1 του ES6
Χρησιμοποιήστε το Βήμα 1 του ES6

Βήμα 1. Κατεβάστε και εγκαταστήστε το Node.js στη διεύθυνση

Το Node.js είναι ένα περιβάλλον από τον διακομιστή που πρέπει να χρησιμοποιήσετε κώδικα. Το Node.js λειτουργεί τόσο για Windows όσο και για macOS.

  • Παραλείψτε αυτό το βήμα αν έχετε ήδη εγκαταστήσει το Node.js στον υπολογιστή σας.
  • Κάντε κλικ LTS, το πρώτο πράσινο κουμπί στα αριστερά. Αυτό θα εγκαταστήσει μια σταθερή έκδοση του Node.js στον υπολογιστή σας. Εάν χρησιμοποιείτε υπολογιστή Windows, πιθανότατα θα χρειαστεί να εκτελέσετε το ληφθέν αρχείο και να συνεχίσετε μέσω του οδηγού εγκατάστασης. Εάν χρησιμοποιείτε macOS, πιθανότατα θα χρειαστεί να εκτελέσετε το εγκατεστημένο αρχείο και, στη συνέχεια, σύρετε και αποθέστε το εικονίδιο της εφαρμογής στο φάκελο "Εφαρμογές".
Χρησιμοποιήστε το ES6 Βήμα 2
Χρησιμοποιήστε το ES6 Βήμα 2

Βήμα 2. Κάντε λήψη και εγκατάσταση του Visual Studio Code στη διεύθυνση

Το VSC είναι ένα πρόγραμμα που τρέχει τόσο σε Windows όσο και σε Mac που σας επιτρέπει να δημιουργήσετε κώδικα ES6.

Κάντε κλικ Κατεβάστε στην επάνω δεξιά γωνία της σελίδας εάν το τρέχον Λήψη για (το λειτουργικό σας σύστημα) είναι λάθος. Οι χρήστες των Windows ενδέχεται να χρειαστεί να εκτελέσουν το ληφθέν αρχείο και να συνεχίσουν μέσω του οδηγού εγκατάστασης. Εάν χρησιμοποιείτε macOS, πιθανότατα θα χρειαστεί να εκτελέσετε το εγκατεστημένο αρχείο και, στη συνέχεια, σύρετε και αποθέστε το εικονίδιο της εφαρμογής στο φάκελο "Εφαρμογές".

Χρησιμοποιήστε το ES6 Βήμα 3
Χρησιμοποιήστε το ES6 Βήμα 3

Βήμα 3. Δημιουργήστε έναν κενό φάκελο στη μονάδα δίσκου ή στην επιφάνεια εργασίας σας

Για να το κάνετε αυτό, απλώς ανοίξτε το File Explorer ή το Finder, μεταβείτε στη θέση (για παράδειγμα, μονάδα δίσκου C) όπου θέλετε να δημιουργήσετε το φάκελό σας. Ονομάστε το κάτι απλό που θα θυμάστε (όπως "JS" ή "Nodefolder").

Χρησιμοποιήστε το Βήμα 4 του ES6
Χρησιμοποιήστε το Βήμα 4 του ES6

Βήμα 4. Ανοίξτε το Visual Studio Code

Θα το βρείτε στο μενού Έναρξη ή στο φάκελο "Εφαρμογές" στο Finder.

Χρησιμοποιήστε το Βήμα 5 του ES6
Χρησιμοποιήστε το Βήμα 5 του ES6

Βήμα 5. Ανοίξτε τον κενό φάκελο στο VSC

Παω σε Αρχείο> Άνοιγμα νέου φακέλου για να ανοίξετε το πρόγραμμα περιήγησης αρχείων και να επιλέξετε τον κενό φάκελό σας.

Θα δείτε το όνομα του φακέλου σας στον πίνακα στην αριστερή πλευρά της εφαρμογής

Χρησιμοποιήστε το ES6 Βήμα 6
Χρησιμοποιήστε το ES6 Βήμα 6

Βήμα 6. Δημιουργήστε ένα αρχείο στο φάκελό σας

Κάντε κλικ στη σελίδα και το σύμβολο συν (+) δίπλα στο όνομα του φακέλου.

Ονομάστε το κάτι απλό, για παράδειγμα "helloworld.js"

Χρησιμοποιήστε το ES6 Βήμα 7
Χρησιμοποιήστε το ES6 Βήμα 7

Βήμα 7. Εισαγάγετε τον ακόλουθο κώδικα στο παράθυρο κειμένου στα δεξιά

  • console.log ('Γεια σου κόσμο');

Χρησιμοποιήστε το ES6 Βήμα 8
Χρησιμοποιήστε το ES6 Βήμα 8

Βήμα 8. Ελέγξτε ότι ο κώδικας λειτουργεί

Εφόσον έχετε εγκαταστήσει το Node.js, θα δείτε ένα παράθυρο "Τερματικό" κοντά στο κάτω μέρος του προγράμματος σας.

  • Τύπος

    κόμβος helloworld.js

  • και θα πρέπει να λάβετε μια απάντηση του "Hello world" στην επόμενη γραμμή.
  • Θα πρέπει να μπορείτε να δημιουργήσετε οποιονδήποτε κωδικό ES6 θέλετε εδώ. Για παραδείγματα κώδικα, μπορείτε να δείτε https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ και https:// code. visualstudio.com/docs/languages/javascript.

Συνιστάται: