Czy istnieje sposób, aby włączyć obsługę składni ES6 / ES7 w Vscode?

Edycja 3: Począwszy od wersji 0.4.0, składnię ES6 można włączyć, dodając jsconfig.jsondo folderu projektu plik o następującej zawartości:

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

Edycja 2: Możesz głosować na tę funkcję głosem użytkownika

Czy istnieje sposób na „włączenie” ES6 / ES7 w programie Visual Studio Code?

Edytuj 1

Wypróbowano sugestię @ sarvesh - zastąpiono javascript.validate.targeti ponownie uruchomiono vscode. Nie pomogło.

Obecnie jedynym sposobem korzystania z funkcji ES6 i ES7 jest użycie Typescript .

Z drugiej strony tutaj widać, że istnieje żądanie funkcji dla ES6 i ES7

To całkiem proste, w katalogu głównym projektu utwórz plik jsconfig.json i zapisz w nim ten obiekt:

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

Ten link bardzo pomógł. Dodanie pliku jsconfig.json do projektu niewiele pomogło lub raczej nie jest najlepszym rozwiązaniem. Przejdź do pliku> preferencje> ustawienia. W pliku settings.json dodaj tę linię:

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

Dodawanie do powyższych odpowiedzi ...

Zgodnie z Docs of VS Code.

Upewnij się, że plik jsconfig.json jest umieszczony w katalogu głównym projektu JavaScript, a nie tylko w katalogu głównym obszaru roboczego. Poniżej znajduje się plik jsconfig.json, który definiuje cel JavaScript jako ES6, a atrybut exclude wyklucza folder node_modules.

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

Oto przykład z jawnym atrybutem plików.

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

Atrybut files nie może być używany w połączeniu z atrybutem exclude. Jeśli określono oba, pierwszeństwo ma atrybut files.

spróbuj także edytować właściwość „target” w 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"
  ]
}

W przeciwnym razie możesz użyć ESLint do podświetlenia błędu ES7 (używając parsera Babel lub innych): VSCode Linter ES6 ES7 Babel linter

Alternatywnie możesz użyć Flow zamiast Typescript, który jest znacznie łatwiejszy w konfiguracji i migracji. Napisałem mały artykuł o tym, jak skonfigurować Flow za pomocą VS Code .

Od tego dnia i zgodnie z dokumentacją ESLint na VSCode Marketplace, w tym plik konfiguracyjny .eslintrc w katalogu głównym projektu, umożliwia linting ES6 w rozszerzeniu ESLint VSCode.

Mój plik konfiguracyjny .eslintrc wygląda następująco:

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

Mam zainstalowany eslint przez npm w node_modules i wiem tylko, że z .eslintrc w folderze głównym projektu ES6 działa linting i bez niego nie.

Mam nadzieję że to pomoże...