Existe-t-il un moyen d'activer la prise en charge de la syntaxe ES6 / ES7 dans vscode?

Edit 3: À partir de la version 0.4.0, la syntaxe ES6 peut être activée en ajoutant un jsconfig.jsonfichier au dossier du projet avec le contenu suivant:

{
    "compilerOptions": {
        "target": "ES6"
    }
}

Edit 2: Vous pouvez voter pour cette fonctionnalité sur la voix de l'utilisateur

Existe-t-il un moyen «d'activer» ES6 / ES7 dans Visual Studio Code?

Modifier 1

J'ai essayé la suggestion de @ sarvesh - écrasé javascript.validate.targetet redémarré vscode. N'a pas aidé.

Actuellement, la seule façon d'utiliser les fonctionnalités ES6 et ES7 est d'utiliser Typescript .

D'autre part, vous pouvez voir ici qu'il y a une demande de fonctionnalité pour ES6 et ES7

C'est assez simple, à la racine de votre projet créez un fichier jsconfig.json et écrivez cet objet dedans:

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs"
    }
}

Ce lien a beaucoup aidé. L'ajout du fichier jsconfig.json au projet n'a pas beaucoup aidé ou plutôt ce n'est pas la meilleure solution. Allez dans fichier> préférences> paramètres. Dans le fichier settings.json, ajoutez cette ligne:

"jshint.options": { "esversion": 6 }

Ajout aux réponses ci-dessus ...

Selon Docs of VS Code.

Assurez-vous de placer le jsconfig.json à la racine de votre projet JavaScript et pas seulement à la racine de votre espace de travail. Vous trouverez ci-dessous un fichier jsconfig.json qui définit la cible JavaScript comme étant ES6 et l'attribut d'exclusion exclut le dossier node_modules.

{
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

Voici un exemple avec un attribut de fichiers explicite.

{
    "compilerOptions": {
        "target": "ES6"
    },
    "files": [
        "src/app.js"
    ]
}

L'attribut files ne peut pas être utilisé en conjonction avec l'attribut d'exclusion. Si les deux sont spécifiés, l'attribut files est prioritaire.

essayez également de modifier la propriété "target" dans tsconfig.json

{
  "compilerOptions": {
    "target": "es5",//es6
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

Sinon, vous pouvez utiliser ESLint pour mettre en évidence l'erreur ES7 (en utilisant l'analyseur babel ou d'autres): VSCode Linter ES6 ES7 Babel linter

Vous pouvez également utiliser Flow au lieu de Typescript, qui est beaucoup plus facile à configurer et à migrer. J'ai écrit un petit article sur la configuration de Flow avec VS Code .

À partir de cette date et selon la documentation ESLint sur VSCode Marketplace, l'inclusion d'un fichier de configuration .eslintrc à la racine du projet permet le linting ES6 dans l'extension ESLint VSCode.

Mon fichier de configuration .eslintrc ressemble à ceci:

extends:
  - standard
parser: babel-eslint
rules:
  object-curly-spacing: [ error, always ]
  react/prop-types: off
  space-before-function-paren: off

J'ai installé eslint via npm dans node_modules et tout ce que je sais, c'est qu'avec .eslintrc dans le dossier racine du projet ES6, le linting fonctionne et sans lui, ce n'est pas le cas.

J'espère que cela t'aides...