Gibt es eine Möglichkeit, die ES6 / ES7-Syntaxunterstützung in vscode zu aktivieren?

Bearbeiten 3: Ab Version 0.4.0 kann die ES6-Syntax aktiviert werden, indem jsconfig.jsondem Projektordner eine Datei mit folgendem Inhalt hinzugefügt wird :

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

Bearbeiten 2: Sie können für diese Funktion auf Benutzerstimme abstimmen

Gibt es eine Möglichkeit, ES6 / ES7 in Visual Studio Code zu "aktivieren"?

Bearbeiten 1

Versuchte @ sarveshs Vorschlag - überschrieb javascript.validate.targetund startete vscode neu. Hat nicht geholfen.

Derzeit besteht die einzige Möglichkeit, ES6- und ES7-Funktionen zu verwenden, in der Verwendung von Typescript .

Auf der anderen Seite können Sie hier sehen, dass es eine Funktionsanforderung für ES6 und ES7 gibt

Es ist ganz einfach: Erstellen Sie im Stammverzeichnis Ihres Projekts eine jsconfig.json-Datei und schreiben Sie dieses Objekt hinein:

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

Dieser Link hat sehr geholfen. Das Hinzufügen der Datei jsconfig.json zum Projekt hat nicht viel geholfen, oder es ist nicht die beste Lösung. Gehen Sie zu Datei> Einstellungen> Einstellungen. Fügen Sie in der Datei settings.json die folgende Zeile hinzu:

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

Hinzufügen zu den obigen Antworten ...

Gemäß Docs of VS Code ..

Stellen Sie sicher, dass Sie die Datei jsconfig.json im Stammverzeichnis Ihres JavaScript-Projekts und nicht nur im Stammverzeichnis Ihres Arbeitsbereichs platzieren. Unten finden Sie eine Datei jsconfig.json, in der das JavaScript-Ziel als ES6 definiert ist und das Attribut exclude den Ordner node_modules ausschließt.

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

Hier ist ein Beispiel mit einem expliziten Dateiattribut.

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

Das Attribut files kann nicht in Verbindung mit dem Attribut exclude verwendet werden. Wenn beide angegeben sind, hat das Attribut files Vorrang.

Versuchen Sie auch, die Eigenschaft "target" in tsconfig.json zu bearbeiten

{
  "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"
  ]
}

Andernfalls können Sie ESLint verwenden, um den ES7-Fehler hervorzuheben (mithilfe des Babel-Parsers oder anderer): VSCode Linter ES6 ES7 Babel-Linter

Alternativ können Sie Flow anstelle von Typescript verwenden, was viel einfacher einzurichten und zu migrieren ist. Ich habe einen kleinen Artikel darüber geschrieben, wie man Flow mit VS Code einrichtet .

Ab diesem Datum und gemäß den ESLint- Dokumenten auf dem VSCode-Marktplatz, einschließlich einer .eslintrc-Konfigurationsdatei im Stammverzeichnis des Projekts, wird ES6-Flusen in der ESLint VSCode-Erweiterung aktiviert.

Meine .eslintrc-Konfigurationsdatei sieht folgendermaßen aus:

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

Ich habe eslint über npm in node_modules installiert und alles was ich weiß ist, dass mit .eslintrc im Projektstammordner ES6 Linting funktioniert und ohne es nicht.

Hoffe das hilft...