TypeScript Academy · पाठ

ESLint + @typescript-eslint

टाइप-जागरूक समस्याएँ पकड़ने और एकसमान शैली लागू करने के लिए @typescript-eslint प्लगइन के साथ ESLint सेट अप करें।

पाठ 1, कुल 3 में से8 चरण

ESLint + @typescript-eslint, CoddyKit पर TypeScript Academy का एक निःशुल्क पाठ है। यह 3 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह TypeScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। TypeScript Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।

परिचय

लक्ष्य: TypeScript प्रोजेक्ट में बग पकड़ने और शैली लागू करने के लिए ESLint के साथ @typescript-eslint का उपयोग करें।

इंस्टॉल करें

मुख्य ESLint के साथ @typescript-eslint/parser और @typescript-eslint/eslint-plugin इंस्टॉल करें।

npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin

कॉन्फ़िगरेशन

ESLint को TS पार्सर और अनुशंसित नियमों का उपयोग करने के लिए कॉन्फ़िगर करें। आवश्यकता के अनुसार प्रोजेक्ट-विशिष्ट नियम जोड़ें।

// .eslintrc.js
module.exports = {
  parser: "@typescript-eslint/parser",
  plugins: ["@typescript-eslint"],
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  rules: {
    "@typescript-eslint/no-unused-vars": "warn"
  }
};

लिंटिंग उदाहरण

TS-सचेत पार्सर का उपयोग करने पर ESLint अनुपस्थित तर्क, अप्रयुक्त चर और शैली संबंधी समस्याएँ दिखाता है।

// demo.ts
function greet(name: string) {
  console.log("Hello", name)
}

greet("Ada")

greet() // ESLint error: missing arg

प्रकार-सचेत नियम

प्रकार की जानकारी आवश्यक करने वाले नियमों के लिए parserOptions में tsconfig.json से लिंक करें, जैसे बिना सँभाले गए प्रॉमिस का पता लगाना।

// tsconfig.json must be linked for type-aware rules
{
  "parserOptions": {
    "project": "./tsconfig.json"
  }
}

// Example: no-floating-promises
async function f() {
  fetch("/api") // ESLint error: unhandled promise
}

लिंट चलाएँ

अपने कोडबेस पर ESLint चलाएँ। सुरक्षित सुधार अपने-आप लागू करने के लिए --fix जोड़ें।

npx eslint "src/**/*.{ts,tsx}" --fix

प्रश्न

त्वरित जाँच: मुख्य ESLint के अतिरिक्त @typescript-eslint का उपयोग क्यों करें?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

पुनरावलोकन: ESLint और @typescript-eslint इंस्टॉल करें, पार्सर कॉन्फ़िगर करें, अनुशंसित नियम बढ़ाएँ और साफ़ कोड के लिए प्रकार-सचेत नियमों के साथ लिंटर चलाएँ।

शुरुआत निःशुल्क

एआई शिक्षक के साथ TypeScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 101
पाठ: 352

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “ESLint + @typescript-eslint” पाठ निःशुल्क है?

हाँ—“ESLint + @typescript-eslint” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और TypeScript Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। TypeScript Academy पाठ्यक्रम में कुल 3 पाठ शामिल हैं।

“ESLint + @typescript-eslint” में मैं क्या सीखूँगा?

टाइप-जागरूक समस्याएँ पकड़ने और एकसमान शैली लागू करने के लिए @typescript-eslint प्लगइन के साथ ESLint सेट अप करें। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ TypeScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या TypeScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर TypeScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 3 में से 1वाँ पाठ है।

“ESLint + @typescript-eslint” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस TypeScript Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर TypeScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← TypeScript Academy पर वापस जाएँ