वीएससीओडी लिंटर ES6 ES7 बेबेल लिटर

Question

बैबेल/ES7 चरण-0 नियमों के आधार पर जावास्क्रिप्ट फ़ाइल को लिंट करने के लिए विजुअल स्टूडियो कोड का उपयोग कैसे करें?

मुझे केवल कोड लिंट करने की आवश्यकता है। मेरे पास पहले से ही वेबस्पैक जेएस फ़ाइल ट्रांसफर कर रहा है।

Answer 1

मैं कैसे आगे बढ़ना:

• विश्व स्तर पर eslint स्थापित: npm install -g eslint
• कोलाहल-eslint स्थापित: npm install --save-dev babel-eslint
• कोलाहल-eslint स्थापित: npm install --save-dev eslint-plugin-react
• आप रूट निर्देशिका में .eslintrc फ़ाइल बनाएँ। यहां मेरे config है:

{ 
"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 में, धक्का एफ 1, तो, "विस्तार" लिखने "एक्सटेंशन स्थापित" का चयन करें और फिर, "eslint" लिख सकते हैं और मान्य। आप उपयोगकर्ता मानकों (settings.json) खोलने के लिए और लिखते हैं, VSC
• पुन: लॉन्च करने के लिए VSC कोड में होगा: अब

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

, यह एक प्रकार का वृक्ष चाहिए के रूप में अपने ES7 कोड चाहता था । यदि वीएससी पढ़ने एस्लिंट कॉन्फ़िगरेशन के साथ कोई समस्या है, तो आप इसे VSC कंसोल (ctrl-shift-U) में देख सकते हैं।

परिणामस्वरूप, ES7 कोड (उदाहरण के लिए वस्तुओं में फैल ऑपरेटर) के रूप में अच्छी तरह से linted है:

पुनश्च: मेरी .eslintrc हो सकता है ES7 linting इसलिए इसे हटाने के लिए स्वतंत्र लग रहा है के लिए कुछ बेकार अतिरिक्त डेटा का उपयोग करता:)