VSCode Linter ES6 ES7 Babel linter

Question

Как использовать код Visual Studio для вставки файла JavaScript на основе правил babel/ES7 stage-0?

Мне нужен только код. У меня уже есть webpack, транслирующий Js-файл.

Answer 1

Как я продолжу:

• установить глобально eslint: npm install -g eslint
• установить Babel-eslint: npm install --save-dev babel-eslint
• установить Babel-eslint: npm install --save-dev eslint-plugin-react
• создать .eslintrc файл в вас корневом каталоге. вот мой конфиг:

{ 
"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 
    } 
} 

• В VSC, нажмите клавишу F1, а затем написать "расширение", выберите "установки расширений", а затем, пишут "eslint" и подтвердите выбор. вам придется перезапустить VSC
• В VSC коде откройте пользовательские параметры (settings.json) и написать:

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

Теперь он должен нибудь вкусненькое, как хотелось код ES7 , Если есть какая-либо проблема с настройкой escint для чтения VSC, вы можете увидеть ее в консоли VSC (ctrl-shift-U).

В результате ES7 кода (спред оператор в объектах, например) хорошо linted:

PS: может быть мой .eslintrc использует некоторые бесполезные дополнительные данные для ES7 пыления так что не стесняйтесь, чтобы удалить его:)