VS Code con es6


104

Ricevo l'errore di linting nel mio codice 'import' is only available in ES6 (use 'esversion: 6').

Tutto ciò che riguarda es6 genera un errore. Non sono sicuro di cosa devo configurare per farlo funzionare.

Risposte:


216

Aggiungi un file denominato .jshintrcal tuo progetto e all'interno di questo file digita questo:

{
    "esversion": 6
}

Come puoi vedere qui:

inserisci qui la descrizione dell'immagine

La documentazione completa delle jshintopzioni si trova qui: http://jshint.com/docs/options


4
jshint.com/docs/options/#esversion per coloro che cercano la documentazione.
Jeremy Larter

5
Questo dovrebbe essere aggiunto automaticamente.
Xaqron

sembra che a volte sia necessario aggiungere questa riga "moz": true
kinsley kajiva

6
Questo non ha funzionato per me (vscode versione 1.37.1, OS X). Vai alle preferenze dell'estensione -> seleziona Modifica in settings.json Per aggiungere JSON: "jshint.options": { "esversion": 6 } Non dimenticare la virgola sulla riga precedente!
sijpkes

1
L'unico posto in cui aggiungere questo è ~/settings.jsonnella mia esperienza. Le impostazioni a livello di progetto non lo influenzeranno. È assurdo che questa non sia l'impostazione predefinita. È davvero difficile scoprire come risolvere questo problema e nel frattempo l'esperienza dell'utente con javascript in VS Code è ostile. Super fastidioso. Dovrebbe supportare ES6 + per impostazione predefinita. Perché non dovrebbe?
rjurney

94

Modifica: ho aggiunto un modo per abilitare es6 se usi ESLint invece di JSHint, oltre ad aggiornare gli screenshot poiché VSCode è cambiato rispetto alla mia risposta originale.

Metodo JSHint:

Se stai usando JSHint, puoi aggiungere quanto segue alle tue impostazioni:

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

Metodo ESLint:

Se stai usando ESLint, puoi aggiungere quanto segue alle tue impostazioni:

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

Documentazione sulla configurazione di ESLint

Come aggiornare le impostazioni

  1. In VS Code, vai a settings

Impostazioni del codice VS

  1. Quando vengono visualizzate le impostazioni vedrai le sezioni delle impostazioni:

Schede Impostazioni utente e area di lavoro

Tieni presente che ci sono due sezioni in cui puoi personalizzare le tue impostazioni, Impostazioni utente e Impostazioni area di lavoro

Impostazioni utente È dove dovresti applicare le impostazioni globali che desideri per qualsiasi progetto su cui lavorerai.

Impostazioni area di lavoro È dove puoi apportare modifiche alle impostazioni che dovrebbero essere applicate solo al tuo progetto corrente.

Nel mio caso, poiché so che solo alcuni dei miei progetti possono utilizzare ES6, ho bisogno di avere il suggerimento di errore per avvisarmi se sto usando ES6 miei progetti non ES6 ... quindi ho impostato questo solo sulle mie Impostazioni area di lavoro

Ma se sai che qualsiasi cosa codifichi in VS Code sarà un progetto ES6, salva un passaggio e aggiungilo alle impostazioni utente .

  1. Fare clic su Utente / Area di lavoro in base alle proprie preferenze. Cerca JSHint o ESLint (a seconda di quale utilizzi). Fare clic su uno qualsiasi dei collegamenti Modifica in settings.json , non importa quale.

Modifica in settings.json

  1. Aggiungi le impostazioni pertinenti a seconda che utilizzi JSHint o ESLint:

JSHint

Aggiunta dell'impostazione JSHint

ESLint

Aggiunta dell'impostazione ESLint


6
Questa è stata un'ottima risposta e +1 per non dover creare un file aggiuntivo nelle directory del progetto ... Anche gli screenshot sono molto utili, grazie mille!
twknab

Anche questo è meglio in quanto può essere fatto automaticamente per nuovi progetti, invece di creare nuovi file, o semplicemente conservato in un unico spazio di lavoro.
Jan Sila

2
Non funziona per me per qualche motivo. L'ho provato in entrambe le impostazioni dell'utente e
dell'area di

1
Grazie mille per una spiegazione dettagliata, è stata davvero molto utile.
Ketan Ramteke

22

Puoi aggiungere "esversion": 6a jshint.options nelle impostazioni utente.

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

4

Solo per completare gli eccellenti suggerimenti già inviati, puoi anche impostarlo file per file aggiungendo questa riga di escape (e simile per altre impostazioni di jshint) all'inizio del tuo file.

// jshint esversion:6

In realtà puoi aggiungerlo ovunque, ma ha effetto solo sul codice successivo, permettendoti di attivare e disattivare le impostazioni se desideri disperatamente fare qualcosa di strano.


0

Assicurati di eseguire le configurazioni precedenti con json ma anche di rimuovere / disabilitare l' jshintestensione per l'area di lavoro se stai utilizzando eslinte viceversa.,


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.