Código VS con es6

104

Recibo el error de pelusa en mi código 'import' is only available in ES6 (use 'esversion: 6').

Todo lo relacionado con es6 arroja un error. No estoy seguro de lo que tengo que configurar para que funcione.

erichardson30
fuente

Respuestas:

216

Agregue un archivo llamado .jshintrca su proyecto y dentro de este archivo escriba esto:

{
    "esversion": 6
}

Como puedes verlo aquí:

ingrese la descripción de la imagen aquí

La documentación completa de las jshintopciones se encuentra aquí: http://jshint.com/docs/options

Nasreddine
fuente
4
jshint.com/docs/options/#esversion para aquellos que buscan la documentación.
Jeremy Larter
5
Esto debería agregarse automáticamente.
Xaqron
Parece que a veces es necesario agregar esta línea "moz": verdadero
kinsley kajiva
6
Esto no funcionó para mí (vscode versión 1.37.1, OS X). Vaya a las preferencias de la extensión -> seleccione Editar en settings.json Para agregar JSON: "jshint.options": { "esversion": 6 } ¡No olvide la coma en la línea anterior!
sijpkes
1
El único lugar para agregar esto es ~/settings.jsonen mi experiencia. La configuración del nivel del proyecto no lo afectará. Es absurdo que no sea el predeterminado. Es realmente difícil averiguar cómo solucionar esto y, mientras tanto, la experiencia del usuario con javascript en VS Code es hostil. Súper molesto. Debería ser compatible con ES6 + de forma predeterminada. ¿Por qué no lo haría?
rjurney
94

Editar: agregué una forma de habilitar es6 si usa ESLint en lugar de JSHint, además de actualizar las capturas de pantalla ya que VSCode ha cambiado desde mi respuesta original.

Método JSHint:

Si está utilizando JSHint, puede agregar lo siguiente a su configuración:

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

Método ESLint:

Si está utilizando ESLint, puede agregar lo siguiente a su configuración:

"eslint.options": {
    "env":{
        "es6":true
    },
    "parserOptions": {
        "ecmaVersion": 6 // or 7,8,9
    }
}

Documentación de configuración de ESLint

Cómo actualizar la configuración

  1. En VS Code, dirígete a settings

Configuración del código VS

  1. Cuando se muestre la configuración, verá las secciones de configuración:

Fichas de configuración de usuario y espacio de trabajo

Tenga en cuenta que hay dos secciones en las que puede personalizar su configuración, la configuración del usuario y la configuración del espacio de trabajo

Configuración de usuario Es donde debe aplicar cualquier configuración global que desee para cualquier proyecto en el que vaya a trabajar.

Configuración del espacio de trabajo Es donde puede realizar cambios de configuración que solo deben aplicarse a su proyecto actual.

En mi caso, como sé que solo algunos de mis proyectos pueden usar ES6, necesito que la sugerencia de error me advierta si estoy usando ES6 mis proyectos que no son de ES6 ... así que configuro esto solo en mi Configuración del espacio de trabajo

Pero, si sabe que cualquier cosa que codifique en VS Code será un proyecto ES6, guarde un paso y agréguelo a la configuración de usuario .

  1. Haga clic en Usuario / Espacio de trabajo según sus preferencias. Busque JSHint o ESLint (el que use). Haga clic en cualquiera de los enlaces Editar en settings.json , no importa cuál.

Edite en settings.json

  1. Agregue la configuración pertinente dependiendo de si usa JSHint o ESLint:

JSHint

Adición de la configuración JSHint

ESLint

Agregar la configuración de ESLint

Ian
fuente
6
Esta fue una gran respuesta y +1 por no tener que crear un archivo adicional dentro de los directorios del proyecto ... Las capturas de pantalla también son muy útiles, ¡muchas gracias!
twknab
Además, esto es mejor, ya que se puede hacer automáticamente para nuevos proyectos, en lugar de crear nuevos archivos, o simplemente mantenerlos dentro de un solo espacio de trabajo.
Jan Sila
2
No funciona para mí por alguna razón. Lo probé tanto en la configuración del usuario como en el espacio de trabajo
LondonGuy
1
Muchas gracias por una explicación detallada, fue realmente muy útil.
Ketan Ramteke
22

Puede agregar "esversion": 6a jshint.options en la configuración del usuario.

{
  "jshint.options": {
    "esversion": 6
  }
}
UX Nomaan
fuente
4

Solo para completar las excelentes sugerencias ya enviadas, también puede configurar esto archivo por archivo agregando esta línea de escape (y similar para otras configuraciones de jshint) en la parte superior de su archivo.

// jshint esversion:6

En realidad, puede agregarlo en cualquier lugar, pero solo afecta el código posterior, lo que le permite activar y desactivar la configuración si está desesperado por hacer algo extraño.

David Woods
fuente
0

Asegúrese de hacer las configuraciones anteriores con json, pero también elimine / deshabilite la jshintextensión para el espacio de trabajo si está usando eslinty viceversa.

vam
fuente
-3

Deshabilite su extensión jshint de esta manera:

https://i.stack.imgur.com/mYnM2.png

Mohammad Naderi
fuente