VSCode Linter ES6 ES7 Babel linter

Question

Come utilizzare il codice Visual Studio per filtrare il file JavaScript basato sulle regole dello stage 0 di babel/ES7?

Ho solo bisogno di filare il codice. Ho già un pacchetto web che traspone il file Js.

Answer 1

Come procedere:

• installare globalmente eslint: npm install -g eslint
• installare babel-eslint: npm install --save-dev babel-eslint
• installare babel-eslint: npm install --save-dev eslint-plugin-react
• creare il file .eslintrc in voi directory principale. qui è la mia configurazione:

{ 
"env": { 
     "browser": true, 
     "node": true, 
     "es6": true, 
     "jest": true, 
     "jquery": true 
    }, 
    "parser": "babel-eslint", 
    "parserOptions": { 
     "ecmaVersion": 6, 
     "sourceType": "module", 
     "ecmaFeatures": { 
      "arrowFunctions": true, 
      "binaryLiterals": true, 
      "blockBindings": true, 
      "classes": true, 
      "defaultParams": true, 
      "destructuring": true, 
      "forOf": true, 
      "generators": true, 
      "modules": true, 
      "objectLiteralComputedProperties": true, 
      "objectLiteralDuplicateProperties": true, 
      "objectLiteralShorthandMethods": true, 
      "objectLiteralShorthandProperties": true, 
      "octalLiterals": true, 
      "regexUFlag": true, 
      "regexYFlag": true, 
      "spread": true, 
      "superInFunctions": true, 
      "templateStrings": true, 
      "unicodeCodePointEscapes": true, 
      "globalReturn": true, 
      "jsx": true, 
      "experimentalObjectRestSpread": true 
     } 
    }, 
    "plugins": [ 
     "react" 
    ], 
    "rules": { 
     "strict": 0 
    } 
} 

• In VSC, spingere F1, quindi scrivere "estensione", selezionare "installare le estensioni" e poi, scrivere "eslint" e confermare. si dovrà rilanciare VSC
• Nel codice VSC, aprire i parametri utente (settings.json) e scrivere:

{ 
    //disable default javascript validator replaced by eslint 
    "javascript.validate.enable" : false 
} 

Ora, dovrebbe Lint come voleva il codice ES7 . Se c'è un problema con VSC nella lettura di eslint config, puoi vederlo nella console VSC (ctrl-shift-U).

Di conseguenza, il codice ES7 (operatore diffusione negli oggetti, per esempio) è ben lintati:

PS: può essere il mio .eslintrc utilizza alcuni dati aggiuntivi inutili per ES7 linting quindi sentitevi liberi per rimuoverlo:)