कस्टम टाइपस्क्रिप्ट लिंटर और फ़ॉर्मेटर कैसे बनाएं

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

चरण 1: अपना विकास वातावरण स्थापित करना

कस्टम लिंटर और फ़ॉर्मेटर बनाने से पहले, सुनिश्चित करें कि आपके पास उपयुक्त डेवलपमेंट एनवायरनमेंट है। आपको अपनी मशीन पर Node.js और npm या Yarn इंस्टॉल करना होगा।

# Install Node.js and npm from https://nodejs.org# Initialize a new project
npm init -y

चरण 2: कस्टम ESLint नियम बनाना

कस्टम ESLint नियम बनाने के लिए, ESLint इंस्टॉल करके और बुनियादी कॉन्फ़िगरेशन सेट करके आरंभ करें।

# Install ESLint
npm install eslint --save-dev

# Initialize ESLint configuration
npx eslint --init

अब, इसे एक अलग फ़ाइल में परिभाषित करके एक कस्टम नियम बनाएँ। यहाँ एक कस्टम नियम का उदाहरण दिया गया है जो एक विशिष्ट कोडिंग शैली को लागू करता है:

import { Rule } from 'eslint';

const rule: Rule.RuleModule = {
  create(context) {
    return {
      Identifier(node) {
        if (node.name === 'foo') {
          context.report({
            node,
            message: 'Avoid using the identifier "foo".',
          });
        }
      },
    };
  },
};

export default rule;

अपनी ESLint कॉन्फ़िगरेशन फ़ाइल में कस्टम नियम पंजीकृत करें.

module.exports = {
  rules: {
    'no-foo': require('./path/to/custom-rule').default,
  },
};

चरण 3: कस्टम प्रीटियर फ़ॉर्मेटर बनाना

कस्टम प्रीटियर फ़ॉर्मेटर बनाने के लिए, प्रीटियर और उससे संबंधित टूल इंस्टॉल करके शुरुआत करें।

# Install Prettier
npm install prettier --save-dev

प्रीटियर की कार्यक्षमता को बढ़ाकर एक कस्टम फ़ॉर्मेटर बनाएँ। यहाँ एक बुनियादी उदाहरण दिया गया है:

import { FormatterOptions } from 'prettier';

const customFormatter = (text: string, options: FormatterOptions) => {
  // Implement custom formatting logic here
  return text; // Return formatted text
};

export default customFormatter;

Prettier API का उपयोग करके अपने कस्टम फ़ॉर्मेटर को Prettier के साथ एकीकृत करें:

import { format } from 'prettier';
import customFormatter from './path/to/custom-formatter';

const formattedCode = format('const x = 1;', {
  parser: 'typescript',
  plugins: [customFormatter],
});
console.log(formattedCode);

चरण 4: अपने कस्टम टूल का परीक्षण करें

यह सुनिश्चित करने के लिए परीक्षण करना महत्वपूर्ण है कि आपके कस्टम लिंटर और फ़ॉर्मेटर अपेक्षा के अनुसार काम करें। Jest या Mocha जैसे टूल का उपयोग करके परीक्षण केस लिखें।

# Install Jest
npm install jest --save-dev

# Create a test file for your custom rule
import rule from './path/to/custom-rule';
import { RuleTester } from 'eslint';

const ruleTester = new RuleTester();

ruleTester.run('no-foo', rule, {
  valid: [
    // Valid test cases
  ],
  invalid: [
    // Invalid test cases
  ],
});

निष्कर्ष

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