Façons simples d'utiliser ES6 : 8 étapes (avec photos)

Table des matières:

Façons simples d'utiliser ES6 : 8 étapes (avec photos)
Façons simples d'utiliser ES6 : 8 étapes (avec photos)

Vidéo: Façons simples d'utiliser ES6 : 8 étapes (avec photos)

Vidéo: Façons simples d'utiliser ES6 : 8 étapes (avec photos)
Vidéo: Il Pleure Pour Des Vues 😭 2024, Avril
Anonim

ES6, parfois appelé ECMAScript 2015, est un code que vous trouverez dans certains navigateurs, mais vous devez exécuter un environnement Node.js pour pouvoir exécuter et écrire du code ES6. Ce wikiHow va vous montrer comment commencer à écrire du code ES6.

Pas

Utiliser ES6 Étape 1
Utiliser ES6 Étape 1

Étape 1. Téléchargez et installez Node.js sur

Node.js est un environnement côté serveur dont vous avez besoin pour utiliser du code. Node.js fonctionne à la fois pour Windows et macOS.

  • Ignorez cette étape si Node.js est déjà installé sur votre ordinateur.
  • Cliquez sur C'EST, le premier bouton vert à gauche. Cela installera une version stable de Node.js sur votre ordinateur. Si vous utilisez un ordinateur Windows, vous devrez probablement exécuter le fichier téléchargé et poursuivre l'assistant d'installation. Si vous utilisez macOS, vous devrez probablement exécuter le fichier installé, puis faire glisser et déposer l'icône de l'application dans votre dossier Applications.
Utiliser ES6 Étape 2
Utiliser ES6 Étape 2

Étape 2. Téléchargez et installez Visual Studio Code sur

VSC est un programme qui s'exécute sur Windows et Mac qui vous permet de créer du code ES6.

Cliquez sur Télécharger dans le coin supérieur droit de la page si le Télécharger pour (votre système d'exploitation) est incorrect. Les utilisateurs Windows peuvent avoir besoin d'exécuter le fichier téléchargé et de continuer via l'assistant d'installation. Si vous utilisez macOS, vous devrez probablement exécuter le fichier installé, puis faire glisser et déposer l'icône de l'application dans votre dossier Applications.

Utiliser ES6 Étape 3
Utiliser ES6 Étape 3

Étape 3. Créez un dossier vide sur votre lecteur ou votre bureau

Pour ce faire, ouvrez simplement l'Explorateur de fichiers ou le Finder, accédez à l'emplacement (par exemple, lecteur C) où vous souhaitez créer votre dossier. Nommez-le quelque chose de simple dont vous vous souviendrez (comme "JS" ou "Nodefolder").

Utiliser ES6 Étape 4
Utiliser ES6 Étape 4

Étape 4. Ouvrez le code Visual Studio

Vous le trouverez dans votre menu Démarrer ou dans le dossier Applications du Finder.

Utiliser ES6 Étape 5
Utiliser ES6 Étape 5

Étape 5. Ouvrez le dossier vide dans VSC

Aller à Fichier > Ouvrir un nouveau dossier pour ouvrir le navigateur de fichiers et sélectionnez votre dossier vide.

Vous verrez le nom de votre dossier dans le panneau sur le côté gauche de l'application

Utiliser ES6 Étape 6
Utiliser ES6 Étape 6

Étape 6. Créez un fichier dans votre dossier

Cliquez sur la page et l'icône du signe plus (+) à côté du nom du dossier.

Nommez-le quelque chose de simple, par exemple "helloworld.js"

Utiliser ES6 Étape 7
Utiliser ES6 Étape 7

Étape 7. Entrez le code suivant dans le volet de texte à droite

  • console.log('Bonjour tout le monde');

Utiliser ES6 Étape 8
Utiliser ES6 Étape 8

Étape 8. Testez que le code fonctionne

Puisque vous avez installé Node.js, vous verrez une fenêtre "Terminal" près du bas de votre programme.

  • Taper

    nœud helloworld.js

  • et vous devriez obtenir une réponse de "Hello world" dans la ligne suivante.
  • Vous devriez pouvoir créer n'importe quel code ES6 ici. Pour des exemples de code, vous pouvez consulter https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ et https://code. visualstudio.com/docs/languages/javascript.

Conseillé: