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

Question

bearbeiten 3:

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

---

Edit 2: Ab Version 0.4.0 kann ES6 Syntax durch Hinzufügen einer jsconfig.json Datei in den Projektordner mit dem folgenden Inhalt eingeschaltet werden, können Sie vote für diese Funktion auf Benutzersprach

---

gibt es eine Möglichkeit in Visual Studio-Code ES6/ES7 zu "einschalten"?

bearbeiten 1

Versuchte @javascript.validate.target suggestion- overrode des Sarvesh und neu gestartet vscode. Hat nicht geholfen.

Answer 1

Derzeit können ES6- und ES7-Funktionen nur mit Typescript verwendet werden.

Auf der anderen Seite, here Sie, dass es sehen kann, ist ein Feature-Request für ES6 und ES7

Answer 2

Es ist ganz einfach, an der Wurzel des Projekts eine jsconfig.json-Datei erstellen und dieses Objekt in es schreiben:

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

Answer 3

Ansonsten können Sie ESLint verwenden ES7 Fehler zu markieren (babel-Parser oder andere Verwendung): VSCode Linter ES6 ES7 Babel linter

Answer 4

zu den oben genannten Antworten Hinzufügen ...

Per Docs von VS-Code ..

Vergewissern Sie sich, dass Sie die jsconfig.json am Ihres JavaScript Projektstamm setzen und nicht nur an der Wurzel des Arbeitsbereichs. Im Folgenden finden Sie eine Datei namens jsconfig.json, die das JavaScript-Ziel als ES6 definiert 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.

auch versuchen, die Bearbeitung „Ziel“ Eigenschaft in 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" 
    ] 
} 

Answer 5

Alternativ können Sie Flow-anstelle von Maschinenschrift, die viel einfacher zu installieren ist und wandern zu. Ich schrieb einen kleinen Artikel über how to setup Flow with VS Code.

Answer 6

Diese hat sehr geholfen. Das Hinzufügen der Datei jsconfig.json zum Projekt hat nicht viel geholfen oder eher ist es nicht die beste Lösung. Gehe zu Datei> Einstellungen> Einstellungen. In den Einstellungen.JSON-Datei der folgende Zeile:

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

Answer 7

Ab diesem Zeitpunkt und nach dem ESLint docs auf dem VSCode Marktplatz, einschließlich einer .eslintrc Konfigurationsdatei im Stammverzeichnis des Projektes ermöglicht ES6 Fusseln in die ESLint VSCode-Erweiterung.

Meine .eslintrc Konfigurationsdatei sieht wie folgt aus:

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

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

Hope this helps ...