सभी

एटम संपादक में लिंटर्स सेट अप कैसे करें कोडिंग मानकों के लिए

संपादित 2 महीने पहले द्वारा ExtremeHow संपादकीय टीम

परमाणुलिंटर्सकोडिंगमानदंडविकासप्रोग्रामिंगसॉफ्टवेयरडेवलपर उपकरणटेक्स्ट संपादकविंडोमैकलिनक्स

एटम संपादक में लिंटर्स सेट अप कैसे करें कोडिंग मानकों के लिए

अनुवाद अपडेट किया गया 2 महीने पहले

सॉफ्टवेयर विकास में, कोडिंग मानकों को बनाए रखना आवश्यक है ताकि कोड संगत, साफ-सुथरा और त्रुटि मुक्त हो। इन मानकों को बनाए रखने का एक प्रभावी तरीका लिंटर्स का उपयोग करना है। लिंटर्स स्वचालित रूप से कोड का विश्लेषण करते हैं ताकि प्रोग्रामिंग त्रुटियाँ, बग, शैलीगत त्रुटियाँ और संदिग्ध संरचनाएँ प्रदर्शित की जा सकें। इस मार्गदर्शिका में, हम आपको एटम संपादक, एक लोकप्रिय टेक्स्ट संपादक में लिंटर सेट करने का तरीका दिखाएंगे, जो आपको उच्च कोडिंग मानकों को बनाए रखने में मदद करेगा। हम चरण दर चरण लिंटर्स की स्थापना, कॉन्फ़िगरेशन और उपयोग को कवर करेंगे। इस मार्गदर्शिका के अंत तक, आपको एटम का उपयोग करके अपनी विकास कार्यप्रवाह में लिंटर्स को एकीकृत करने के लिए अच्छी तरह से तैयार होना चाहिए।

लिंटर्स को समझना

हम सेटअप प्रक्रिया पर आगे बढ़ने से पहले, आइए समझते हैं कि लिंटर्स क्या हैं और वे कैसे काम करते हैं। लिंटर एक उपकरण है जो आपके स्रोत कोड का स्कैन करता है और संभावित समस्याओं जैसे कि सिंटैक्स त्रुटियाँ, कोड की गंध, या सर्वोत्तम प्रथाओं से विचलन की पहचान करता है। लिंटर्स विशेष रूप से बड़े कोडबेस या टीम में काम करते समय उपयोगी होते हैं, क्योंकि वे निरंतर प्रतिक्रिया प्रदान करते हैं और कोड की गुणवत्ता सुनिश्चित करने में मदद करते हैं।

लिंटर्स विशिष्ट भाषाओं या फ्रेमवर्क को लक्षित कर सकते हैं। उदाहरण के लिए, ESLint जावास्क्रिप्ट के लिए एक लोकप्रिय लिंटर है, जबकि Pylint आमतौर पर पायथन के लिए उपयोग किया जाता है। प्रत्येक लिंटर के पास डिफ़ॉल्ट नियमों का एक सेट होता है, लेकिन आप उन्हें अपने प्रोजेक्ट की विशिष्ट कोडिंग दिशानिर्देशों और आवश्यकताओं के अनुसार अनुकूलित कर सकते हैं। अब, आइए एटम संपादक में लिंटर सेट करने की ओर बढ़ते हैं।

एटम संपादक की स्थापना

यदि आपने अभी तक एटम संपादक स्थापित नहीं किया है, तो ऐसा करने के लिए इन चरणों का पालन करें। आधिकारिक एटम वेबसाइट पर जाएं और अपने ऑपरेटिंग सिस्टम के लिए उपयुक्त नवीनतम संस्करण डाउनलोड करें। एक बार डाउनलोड करने के बाद, ऑन-स्क्रीन निर्देशों का पालन करके स्थापना को आगे बढ़ाएं। एक बार स्थापित हो जाने पर, एटम लॉन्च करें, और आप इसके साफ और सहज यूजर इंटरफेस के साथ आपका स्वागत होगा।

एटम में लिंटर प्लगइन्स सेट करना

एटम संपादक प्लगइन्स का समर्थन करता है, जिन्हें "पैकेज" कहा जाता है, जो इसकी कार्यक्षमता को बढ़ाने की अनुमति देते हैं। एटम में लिंटर्स को एकीकृत करने के लिए, आपको उन विशिष्ट लिंटर पैकेजों और भाषा-विशिष्ट पैकेजों को स्थापित करने की आवश्यकता है जिन भाषाओं का आप उपयोग करना चाहते हैं। हम आपको उदाहरणों का उपयोग करके प्रक्रिया के माध्यम से मार्गदर्शन करेंगे, मुख्य रूप से जावास्क्रिप्ट और पायथन पर ध्यान केंद्रित करते हुए।

लिंटर पैकेज की स्थापना

शुरू करने के लिए, आपको बेस लिंटर पैकेज स्थापित करने की आवश्यकता है, जो अन्य भाषा-विशिष्ट लिंटर पैकेजों के लिए आवश्यक है। एटम में लिंटर पैकेज स्थापित करने के लिए इन चरणों का पालन करें:

  1. एटम खोलें और फ़ाइल → सेटिंग्स पर जाएं (या मैकओएस पर एटम → प्रेफ़रेंस पर जाएं)।
  2. सेटिंग्स दृश्य में, बाईं साइडबार पर इंस्टॉल किया गया टैब पर क्लिक करें।
  3. खोज बॉक्स में लिंटर टाइप करें और एंटर दबाएँ।
  4. सिर्फ लिंटर नामक पैकेज की खोज करें। इसे अपने एटम वातावरण में जोड़ने के लिए इंस्टॉल पर क्लिक करें।

भाषा-विशिष्ट लिंटर पैकेज स्थापित करना

बेस लिंटर पैकेज स्थापित करने के बाद, आपको भाषा-विशिष्ट लिंटर पैकेज स्थापित करने की आवश्यकता होती है। ये पैकेज उस भाषा पर निर्भर करते हैं जिसके साथ आप काम कर रहे हैं। हम दो सबसे लोकप्रिय भाषाओं, जावास्क्रिप्ट और पायथन को कवर करेंगे। आप अन्य भाषाओं के लिए समान चरणों का पालन कर सकते हैं।

जावास्क्रिप्ट (ESLint)

जावास्क्रिप्ट के लिए, ESLint व्यापक रूप से उपयोग किया जाने वाला लिंटर है। इसे एटम में सेटअप करने का तरीका यहां बताया गया है:

  1. एटम की सेटिंग्स के तहत इंस्टॉल टैब में जाएं और लिंटर-eslint खोजें।
  2. लिंटर-eslint नामक पैकेज खोजें और इंस्टॉल पर क्लिक करें।

इसके अतिरिक्त, यदि आपने पहले से ऐसा नहीं किया है, तो अपने सिस्टम पर ESLint को वैश्विक रूप से इंस्टॉल करें। अपनी टर्मिनल खोलें और चलाएं:

npm install -g eslint

अब आपके पास एटम में ESLint उपयोग के लिए तैयार है।

पायथन (Pylint)

पायथन के लिए, Pylint एक लोकप्रिय लिंटर है। इसे एटम में सेट करने के लिए:

  1. इंस्टॉल टैब में जाकर लिंटर-python खोजें।
  2. लिंटर-python पैकेज खोजें और इंस्टॉल पर क्लिक करें।

इसी तरह, अपने सिस्टम पर टर्मिनल के जरिए Pylint इंस्टॉल करें:

pip install pylint

अब आपने एटम में पायथन फाइलों के लिए Pylint कॉन्फ़िगर कर लिया है।

लिंटर सेटिंग्स को कॉन्फ़िगर करना

आवश्यक लिंटर पैकेज स्थापित करने के बाद, आप उन्हें अपने कोडिंग मानकों और प्राथमिकताओं के अनुसार कॉन्फ़िगर कर सकते हैं। नीचे ESLint और Pylint को कॉन्फ़िगर करने पर विस्तृत निर्देश दिए गए हैं।

ESLint को कॉन्फ़िगर करना

ESLint अत्यधिक अनुकूलन योग्य है। आपको अपने प्रोजेक्ट निर्देशिका की मूल में एक .eslintrc.json या .eslintrc.js नामक कॉन्फ़िगरेशन फ़ाइल बनानी होगी। इस फाइल में नियम और सेटिंग्स होंगी जिनका पालन ESLint करेगा। यहां एक बेसिक उदाहरण है कि एक ESLint कॉन्फ़िगरेशन फ़ाइल कैसी दिख सकती है:

{
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "rules": {
        "indent": ["error", 4],
        "linebreak-style": ["error", "unix"],
        "quotes": ["error", "single"],
        "semi": ["error", "always"]
    }
}

आप इन सेटिंग्स को अनुकूलित कर सकते हैं और अपनी कोडिंग मानकों के आधार पर अतिरिक्त नियम जोड़ सकते हैं।

Pylint को कॉन्फ़िगर करना

ठीक वैसा ही जैसे ESLint के साथ, आप Pylint को एक कॉन्फ़िगरेशन फ़ाइल के साथ कॉन्फ़िगर कर सकते हैं। डिफ़ॉल्ट फ़ाइल नाम .pylintrc है। आप अपने टर्मिनल में निम्नलिखित कमांड चलाकर एक बेसिक कॉन्फ़िगरेशन फ़ाइल बना सकते हैं:

pylint --generate-rcfile > .pylintrc

यह कमांड डिफ़ॉल्ट कॉन्फ़िगरेशन विकल्पों वाली एक फ़ाइल बनाएगी। .pylintrc फ़ाइल को एडम जैसे टेक्स्ट एडिटर में खोलें ताकि इसे आपकी कोडिंग मानकों से मेलखाता बनाया जा सके। उदाहरण के लिए, आप अनुमत रेखा की अधिकतम लंबाई को संशोधित कर सकते हैं या विशिष्ट चेकिंग को अक्षम कर सकते हैं।

एटम में लिंटर्स का उपयोग

एक बार लिंटर्स सेट हो जाने पर, एटम में उनका उपयोग करना आसान होता है। एटम में कोई भी फ़ाइल खोलें जो लिंटर समर्थित भाषा से मेल खाती हो। जैसे ही आप टाइप करते हैं और फ़ाइल को सहेजते हैं, लिंटर स्वचालित रूप से आपके कोड का विश्लेषण करेगा और संपादक में सीधे प्रतिक्रिया प्रदान करेगा। त्रुटियाँ और चेतावनियाँ अक्सर रेखांकित या हाइलाइट की जाती हैं, जिससे उन्हें पहचानना आसान हो जाता है। इसके अतिरिक्त, आप एटम इंटरफ़ेस में प्रत्येक मुद्दे का विस्तृत विवरण देख सकते हैं।

सुनिश्चित करने के लिए कि लिंटर हर बार सहेजने पर चलता है, आप "सहेजने पर लिंट" विकल्प को सक्षम कर सकते हैं, जो प्रत्येक भाषा-विशिष्ट लिंटर पैकेज की सेटिंग्स में पाया जा सकता है। इस विकल्प से यह सुनिश्चित होता है कि आपकी कोड हर बार सहेजते समय जांची जाती है, जिससे त्रुटियाँ तुरंत पकड़ी जा सकें।

आम समस्याओं का निवारण

हालाँकि एटम में लिंटर सेट करना आम तौर पर आसान है, लेकिन आप कुछ समस्याओं का सामना कर सकते हैं। नीचे सामान्य समस्याओं के समाधान दिए गए हैं।

समस्या: लिंटर चेतावनियाँ/त्रुटियाँ प्रदर्शित नहीं हो रही हैं

यदि लिंटर प्रतिक्रिया एटम में दिखाई नहीं देती है, तो निम्नलिखित प्रयास करें:

समस्या: ESLint त्रुटियाँ मिसिंग नियमों के बारे में

यदि ESLint रिपोर्ट करता है कि नियम गायब हैं, तो सुनिश्चित करें कि आवश्यक प्लगइन्स या प्रीसेट स्थापित हैं। उदाहरण के लिए, अगर आप किसी लोकप्रिय प्रीसेट जैसे Airbnb's स्टाइल गाइड का उपयोग कर रहे हैं, तो सुनिश्चित करें कि यह स्थापित है:

npx install-peerdeps --dev eslint-config-airbnb

अपने ESLint कॉन्फ़िगरेशन में प्रीसेट शामिल करें:

{ "extends": "airbnb" }

समस्या: Pylint में एनोटेशन गायब हैं

यदि Pylint एनोटेशन गायब होने की वजह से चलाने में असमर्थ है, तो सुनिश्चित करें कि आपका पायथन पर्यावरण सही ढंग से सेट किया गया है। लिंटर-python की सेटिंग्स में सही पायथन पथ की जाँच करें।

निष्कर्ष

एटम संपादक में एक लिंटर सेट करना आपके प्रोजेक्ट में उच्च कोडिंग मानकों को बनाए रखने की दिशा में एक शक्तिशाली कदम है। लिंटर पैकेजों और भाषा-विशिष्ट एकीकरण जैसे ESLint और Pylint के साथ, एटम स्वतः ही त्रुटियों और कोडिंग मानदंडों से विचलन का पता लगा सकता है, जिससे आप सुविधाएँ बनाने में अधिक ध्यान केंद्रित कर सकते हैं और डिबगिंग के लिए कम समय दे सकते हैं। कॉन्फ़िगरेशन फ़ाइलों के माध्यम से लिंटर नियमों को अनुकूलित करके, आप अपने प्रोजेक्ट की आवश्यकताओं के साथ पूरी तरह से मेल खाने के लिए प्रतिक्रिया को अनुकूलित कर सकते हैं। जैसे ही आप एटम के साथ विकास करते हैं, अपने लिंटर को अपडेट रखें और अपने प्रोजेक्ट में कोडिंग मानकों के विकास को दर्शाने के लिए अपनी कॉन्फ़िगरेशन फाइलों को बनाए रखें। शानदार कोड की गुणवत्ता के साथ कोड करने का आनंद लें!

यदि आपको लेख की सामग्री में कुछ गलत लगता है, आप कर सकते हैं


टिप्पणियाँ