Es6 के साथ वीएस कोड

Question

मुझे अपने कोड में लाइनिंग त्रुटि मिल रही है 'import' is only available in ES6 (use 'esversion: 6').

सब कुछ संबंधित es6 एक त्रुटि फेंक रहा है। यह सुनिश्चित करने के लिए नहीं कि मुझे इसे काम करने के लिए कॉन्फ़िगर करना है।

Answer 1

.jshintrcअपने प्रोजेक्ट में एक फ़ाइल जोड़ें और इस फ़ाइल के अंदर यह लिखें:

{
    "esversion": 6
}

जैसा कि आप इसे यहाँ देख सकते हैं:

jshintविकल्पों का पूरा प्रलेखन यहाँ पाया जाता है: http://jshint.com/docs/options

Comments

प्रलेखन की तलाश करने वालों के लिए jshint.com/docs/options/#esversion ।

— जेरेमी लार्टर

इसे स्वचालित रूप से जोड़ा जाना चाहिए।

— Xaqron

ऐसा लगता है कि कई बार आपको इस पंक्ति को जोड़ने की आवश्यकता है "

— मोज

यह मेरे लिए काम नहीं करता था (vscode संस्करण 1.37.1, OS X)। एक्सटेंशन प्राथमिकताओं पर जाएं -> सेटिंग्स में संपादित करें चुनें। JSON जोड़ने के लिए: "jshint.options": { "esversion": 6 } पिछली पंक्ति पर अल्पविराम को न भूलें!

— सिजपिक्स

इसे जोड़ने का एकमात्र स्थान ~/settings.jsonमेरे अनुभव में है। प्रोजेक्ट स्तर सेटिंग्स इसे प्रभावित नहीं करेंगी। यह बेतुका है यह डिफ़ॉल्ट नहीं है। इसे कैसे ठीक किया जाए, यह जानना बहुत कठिन है और इस बीच वीएस कोड में जावास्क्रिप्ट के साथ उपयोगकर्ता का अनुभव शत्रुतापूर्ण है। सुपर कष्टप्रद। यह डिफ़ॉल्ट रूप से ES6 + का समर्थन करना चाहिए। क्यों नहीं होगा?

— rjurney

Answer 2

संपादित करें: मैंने es6 को सक्षम करने का एक तरीका जोड़ा है यदि आप JSHint के बजाय ESLint का उपयोग करते हैं और साथ ही स्क्रीनशॉट को अपडेट कर रहे हैं क्योंकि VSCode मेरे मूल उत्तर से बदल गया है।

JSHint विधि:

यदि आप JSHint का उपयोग कर रहे हैं, तो आप अपनी सेटिंग्स में निम्नलिखित जोड़ सकते हैं:

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

ESLint विधि:

यदि आप ESLint का उपयोग कर रहे हैं, तो आप अपनी सेटिंग्स में निम्नलिखित जोड़ सकते हैं:

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

ESLint कॉन्फ़िगरेशन दस्तावेज़

सेटिंग्स को कैसे अपडेट करें

1. वीएस कोड में, हेड टू settings

2. जब सेटिंग्स प्रदर्शित होती हैं, तो आप सेटिंग अनुभाग देखेंगे:

ध्यान दें कि दो खंड हैं जहाँ आप अपनी सेटिंग्स, उपयोगकर्ता सेटिंग्स और कार्यक्षेत्र सेटिंग्स को अनुकूलित कर सकते हैं

उपयोगकर्ता सेटिंग्स वह जगह है जहाँ आपको कोई भी वैश्विक सेटिंग लागू करनी चाहिए जो आप किसी भी परियोजना के लिए चाहते हैं जो आप कभी भी काम करेंगे।

कार्यक्षेत्र सेटिंग्स वह है जहां आप सेटिंग परिवर्तन कर सकते हैं जिसे केवल आपके वर्तमान प्रोजेक्ट पर लागू किया जाना चाहिए।

मेरे मामले में, जब से मुझे पता है कि मेरी कुछ परियोजनाएँ ES6 का उपयोग कर सकती हैं, तो मुझे चेतावनी देने के लिए त्रुटि की आवश्यकता है कि अगर मैं ES6 अपने गैर- ES6 परियोजनाओं का उपयोग कर रहा हूँ ... तो मैंने इसे केवल अपने कार्यक्षेत्र सेटिंग्स पर सेट किया है

लेकिन, यदि आप जानते हैं कि आप वीएस कोड में कुछ भी कोड ईएस 6, प्रोजेक्ट, तो एक कदम बचा सकते हैं, और इसे अपने उपयोगकर्ता सेटिंग्स में जोड़ सकते हैं ।

3. अपनी पसंद के आधार पर या तो उपयोगकर्ता / कार्यक्षेत्र पर क्लिक करें। JSHint या ESLint के लिए खोजें (जो भी आप उपयोग करते हैं)। Settings.json लिंक में किसी भी एड पर क्लिक करें , इससे कोई फर्क नहीं पड़ता कि कौन सा है।

4. आप जेएसहिंट या ESLint का उपयोग करते हैं या नहीं, इसके आधार पर प्रासंगिक सेटिंग्स जोड़ें:

JSHint

ESLint

Comments

यह एक महान जवाब था और परियोजना निर्देशिकाओं के भीतर एक अतिरिक्त फ़ाइल नहीं बनाने के लिए +1 ... स्क्रीनशॉट भी बहुत उपयोगी है, बहुत बहुत धन्यवाद!

— ट्विनकाब

यह भी बेहतर है क्योंकि नई परियोजनाओं के लिए स्वचालित रूप से किया जा सकता है, नई फाइलें बनाने के बजाय, या केवल एक ही कार्यक्षेत्र में रखा गया है।

— जन सिला

किसी कारण से मेरे लिए काम नहीं करता है। मैंने इसे उपयोगकर्ता और कार्यक्षेत्र दोनों सेटिंग्स में

— आज़माया

एक विस्तृत विवरण के लिए बहुत बहुत धन्यवाद, यह वास्तव में बहुत मददगार था।

— केतन रामटेके

Answer 3

आप "esversion": 6उपयोगकर्ता सेटिंग में jshint.options में जोड़ सकते हैं ।

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

Answer 4

पहले से ही प्रस्तुत किए गए उत्कृष्ट सुझावों को पूरा करने के लिए, आप इसे फ़ाइल के आधार पर फ़ाइल में इस बची हुई रेखा (और अन्य jshint सेटिंग्स के लिए समान) को अपनी फ़ाइल के शीर्ष पर सेट कर सकते हैं।

// jshint esversion:6

वास्तव में आप इसे कहीं भी जोड़ सकते हैं, लेकिन यह केवल बाद के कोड को प्रभावित करता है, अगर आप कुछ अजीब करने के लिए बेताब हैं, तो आप सेटिंग्स को फ्लिप और बंद कर सकते हैं।

Answer 5

सुनिश्चित करें, आप ऊपर दिए गए कॉन्फ़िगरेशन को json के साथ करते हैं, लेकिन jshintयदि आप उपयोग कर रहे हैं eslintऔर इसके विपरीत, कार्यक्षेत्र के लिए एक्सटेंशन को हटा दें / अक्षम कर दें ,

Answer 6

इस तरह से अपने jshint एक्सटेंशन को अक्षम करें: