visual studio code - visual - ¿Hay alguna manera de activar el soporte de sintaxis ES6/ES7 en vscode?

visual studio code highlight closing tag

Question

Edición 3: a partir de la versión 0.4.0, la sintaxis de ES6 se puede activar agregando un archivo jsconfig.json a la carpeta del proyecto con el siguiente contenido:

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

Edición 2: puede vote por esta función en la voz del usuario

¿Hay alguna forma de "activar" ES6 / ES7 en Visual Studio Code?

Editar 1

Intenté la sugerencia de @ sarvesh: anulé javascript.validate.target y reinicié vscode. No ha ayudado

Answer 1

A partir de esta fecha y de acuerdo con los documentos de ESLint en VSCode Marketplace, incluir un archivo de configuración .eslintrc en la raíz del proyecto permite ES6 linting en la extensión ESLint VSCode.

Mi archivo de configuración .eslintrc se ve así:

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

Tengo instalado eslint a través de npm en node_modules y todo lo que sé es que con .eslintrc en la carpeta raíz del proyecto ES6 linting funciona y sin él, no funciona.

Espero que esto ayude...

Answer 2

Actualmente, la única forma de usar las funciones de ES6 y ES7 es usar el Script mecanografiado.

Por otro lado, vote puede ver que hay una solicitud de función para ES6 y ES7

Answer 3

Agregando a las respuestas anteriores ...

Según los documentos de VS Code ..

Asegúrese de colocar jsconfig.json en la raíz de su proyecto de JavaScript y no solo en la raíz de su espacio de trabajo. A continuación se muestra un archivo jsconfig.json que define el objetivo de JavaScript como ES6 y el atributo de exclusión excluye la carpeta node_modules.

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

Aquí hay un ejemplo con un atributo de archivos explícitos.

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

El atributo de archivos no se puede usar junto con el atributo de exclusión. Si se especifican ambos, el atributo de archivos tiene prioridad.

intente también editar la propiedad "target" en 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 4

Alternativamente, puede usar Flow en lugar de Typecript, que es mucho más fácil de configurar y migrar. Escribí un pequeño artículo sobre cómo configurar Flow con VS Code .

Answer 5

De lo contrario, puede usar ESLint para resaltar el error ES7 (usando el analizador Babel u otros): VSCode Linter ES6 ES7 Babel linter

Answer 6

Es bastante fácil, en la raíz de su proyecto cree un archivo jsconfig.json y escriba este objeto en él:

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

Answer 7

Este link ayudó mucho. Agregar el archivo jsconfig.json al proyecto no ayudó mucho o más bien no es la mejor solución. Vaya a archivo> preferencias> configuración. En el archivo settings.json, agregue esta línea:

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