VSCode Linter ES6 ES7 Babel linter

Question

Làm thế nào để sử dụng mã Visual Studio để lint tệp JavaScript dựa trên quy tắc stage-0 babel/ES7?

Tôi chỉ cần mã lint. Tôi đã có webpack transpiling Js file.

Answer 1

Làm thế nào tôi tiến hành:

• cài đặt eslint toàn cầu: npm install -g eslint
• cài đặt babel-eslint: npm install --save-dev babel-eslint
• cài đặt babel-eslint: npm install --save-dev eslint-plugin-react
• tạo file .eslintrc trong bạn thư mục gốc. đây là cấu hình của tôi:

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

• Trong VSC, đẩy F1, sau đó viết "mở rộng", chọn "cài đặt phần mở rộng" và sau đó, hãy viết "eslint" và xác nhận. bạn sẽ phải relaunch VSC
• Trong mã VSC, mở các thông số sử dụng (settings.json) và viết:

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

Bây giờ, nó nên lint như muốn đang ES7 của bạn . Nếu có bất kỳ vấn đề nào với cấu hình eslint đọc VSC, bạn có thể thấy nó trong giao diện điều khiển VSC (ctrl-shift-U).

Kết quả là, mã ES7 (lây lan khai thác trong các đối tượng chẳng hạn) cũng được linted:

PS: có thể .eslintrc tôi sử dụng một số dữ liệu thêm vô ích cho ES7 linting nên cảm thấy tự do để xoá bỏ nó:)