Que dois-je faire si webstorm ne reconnaît pas es6 ?

Solution : 1. Cliquez sur "Fichier" - "Préférences" - "Langues et frameworks" - "JavaScript" dans la barre de navigation et définissez la version sur "ECMAScript 6". 2. Exécutez la commande "npm install -g babel" pour installer l'outil Babel, ouvrez "File watchers" et cliquez sur le bouton "+" pour configurer Babel dans la fenêtre contextuelle.

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

ECMAScript 6 est le standard de nouvelle génération pour le langage JavaScript et a été officiellement publié en juin 2015. Mozilla lancera JavaScript 2.0 basé sur ce standard.
L'objectif d'ES6 est de permettre au langage JavaScript d'être utilisé pour écrire des applications volumineuses et complexes et de devenir un langage de développement au niveau de l'entreprise.

Je voulais aussi essayer les nouvelles fonctionnalités d'ES6, alors j'ai commencé à apprendre.

Écrivez ce code dans Webstorm pour découvrir la commodité de la syntaxe ES6, mais beaucoup d'erreurs

Diverses erreurs de syntaxe

Solution

1. version ici

Après la configuration

2. Transcoder automatiquement en ES5

 File > Preferences > Languages & Frameworks > JavaScript

Vous pouvez espérer que le code que vous écrivez a une meilleure compatibilité, mais l'ES6 actuel n'est certainement pas pris en charge par tous les navigateurs, nous devons donc utiliser le transcodeur ES6. Babel est un transcodeur ES6 largement utilisé qui peut convertir le code ES6 en code ES5 pour une exécution dans des navigateurs ou d'autres environnements. Cela signifie que vous pouvez écrire des programmes dans ES6 sans vous soucier de savoir si l'environnement existant le prend en charge.

Et vous souhaitez également transcoder automatiquement à chaque fois que vous modifiez le code, vous devez donc également utiliser l'observateur de fichiers de webstorm (bien sûr, il existe d'autres solutions)

• npm install -g babel

  Préférences >

• Cliquez sur le bouton "+"

interface de configuration de l'observateur de fichiers

Type de fichier : configurez le type de fichier surveillé par l'écouteur, qui peut être configuré dans Préférences > Portée : configurez la portée d'écoute de l'écouteur. Vous pouvez personnaliser une nouvelle portée ou utiliser la portée définie dans Préférences > Apparence et comportement > Portées

Programme : emplacement d'installation de Babel

Arguments : paramètres d'exécution de la commande, voir

Babel CLI.

Répertoire de travail : l'emplacement où la commande babel est exécutée, par défaut le répertoire où se trouve le fichier

De cette façon, la modification du fichier générera à tout moment des fichiers compilés dans ES5 et des fichiers sourceMap

Après compilation

[Recommandations associées :

tutoriel vidéo javascript,
vidéo de programmation

,

tutoriel webstorm】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!