डेवलपर्स के लिए उपठेका सूची का उपयोग करने के लिए गाइड

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

इस ट्यूटोरियल में, हम देखेंगे कि SublimeLinter को कैसे संस्थापित और सेटअप करना है। चलिए अभी शुरू करते हैं.

शुरू करना

SublimeTinter पैकेज नियंत्रण के माध्यम से SublimeLinter 4 को स्थापित करने का सबसे आसान तरीका है। जब से में उदात्त ३, से प्रत्येक लिंटर अलग से स्थापित होना चाहिए। यह SublimeLinter को केवल चलाने के द्वारा अधिक कुशलता से चलाने की अनुमति देता है linters जो हमने स्थापित किया है.

चूंकि मैं अपनी परियोजनाओं में ज्यादातर समय HTML, CSS, JS और PHP का उपयोग करता हूं, इसलिए मैं इन भाषाओं के लिए लिंटर स्थापित करना चाहूंगा। में पैकेज नियंत्रण, मैं निम्नलिखित प्लगइन्स के साथ एक साथ SublimeLinter स्थापित करता हूं:

SublimeLinter एचटीएम्एल साफ
SublimeLinter-stylelint
SublimeLinter-eslint
SublimeLinter-php

फिर, उन प्लगइन्स को काम करने के लिए, हमें भी इंस्टॉल करना होगा लिंटर भाषाओं के लिए, जो HTML सुव्यवस्थित, CSSLint, JSHint और PHP CLI हैं.

आप में से जो OSX, Tidy और PHP का उपयोग कर रहे हैं, वे सिस्टम में पहले से इंस्टॉल हैं। सत्यापित करने के लिए, निम्नलिखित दो कमांड लगातार चलाएं.

 tidy --version php --version

ये कमांड आपको आपके पास मौजूद Tidy और PHP वर्जन दिखाएंगे। आप उन्हें उदात्त पाठ में उपयोग करने के लिए आगे बढ़ सकते हैं.

यदि आप विंडोज या लिनक्स पर हैं, या उन्हें इंस्टॉल नहीं किया है, तो आप नीचे दिए गए निर्देशों का पालन कर सकते हैं.

HTML सुव्यवस्थित स्थापित करना

HTML सुव्यवस्थित स्थापित करने के लिए:

OSX में, इस कमांड को टर्मिनल में चलाएं शराब की भठ्ठी स्थापित करें
लिनक्स में, इस कमांड का उपयोग करें sudo apt-get install साफ सुथरा.
विंडोज में, आप TidyBatchFiles से EXE इंस्टॉलर को पकड़ सकते हैं.

PHP CLI स्थापित करना

OSX उपयोगकर्ता सिस्टम में PHP स्थापित कर सकते हैं curl -s http://php-osx.liip.ch/install.sh | बैश -s 5.5 आदेश। यह PHP 5.5 स्थापित करेगा, जो कि लेखन के समय नवीनतम संस्करण है.
लिनक्स उपयोगकर्ता DigitalOcean से इस व्यापक ट्यूटोरियल का अनुसरण कर सकते हैं.
विंडोज उपयोगकर्ताओं के लिए, आप यहां इंस्टॉलर डाउनलोड कर सकते हैं.

स्टाइलिन को स्थापित करना

इसके बाद, हम स्टाइललाइन नामक सीएसएस लाइनर स्थापित करेंगे जो हमें अपनी सीएसएस फाइलों में सर्वोत्तम प्रथाओं को जांचने और लागू करने की अनुमति देगा। OSX, Windows और Linux: तीनों प्लेटफॉर्म में निम्नलिखित निर्देश का पालन किया जा सकता है। मुझे लगता है कि आप पहले से ही एनपीएम के साथ Node.js स्थापित कर चुके हैं.

स्टाइललिंट स्थापित करने के लिए, चलाएं:

 npm स्थापित -g स्टाइललिंट

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

ESLint स्थापित करना

हम ESLint भी स्थापित करने जा रहे हैं, जो जावास्क्रिप्ट के लिए एक आधुनिक और उच्च-विन्यास लाइनर है। यह हमें सर्वोत्तम प्रथाओं को लागू करने के साथ-साथ जावास्क्रिप्ट लिखते समय संभावित त्रुटियों को पकड़ने में मदद करेगा। ESLint को स्थापित करने के लिए NPM के साथ Node.js की भी आवश्यकता होती है.

इसे स्थापित करने के लिए, भागो.

 npm इंस्टाल -g एस्लिंट

इसी तरह, आपको अपनी परियोजना में ESLint कॉन्फ़िगरेशन को जोड़ना होगा, या पूर्वनिर्धारित कॉन्फ़िगरेशन का उपयोग करना होगा जैसे कि eslint-config-अनुशंसित.

हम तैयार हैं। हम शुरू कर सकते हैं linting HTML, CSS, JS और PHP में SublimeLext 4 का उपयोग कर सबलाइमटेक्स्ट में.

SublimeLinter 4 में नई सुविधाएँ

SublimeLinter 4 कई नई सुविधाएँ लाता है, और जो आसानी से ध्यान देने योग्य है वह पैनल है जो खोली गई फ़ाइलों की सभी त्रुटियों को प्रदर्शित करता है। यदि आप मैक में हैं, तो कमांड + Ctrl + ए दबाएं विंडोज और लिनक्स में, आप Ctrl + K, Ctrl + A दबा सकते हैं.

हॉट कुंजी त्रुटियों की एक सूची दिखाएगी, जैसा कि निम्नलिखित स्क्रीनशॉट में दिखाया गया है.

उपयोग ↑ तथा ↓ सूची नेविगेट करने के लिए, और पृष्ठ उस सटीक लाइन पर स्क्रॉल करेगा जहां त्रुटि हुई थी.

बेहतर दृश्य

अब हम संपादक या केवल लाइन में त्रुटि पर त्रुटि संदेश देखने के लिए होवर पर मंडरा सकते हैं। पिछले संस्करण में यह संभव नहीं था.

अत्यधिक विन्यास करने योग्य

SublimeLinter 4 अब पहले से अधिक विन्यास योग्य है। उदाहरण के लिए, अब हम कस्टम कर सकते हैं “शैलियों” लिंटर कॉन्फ़िगरेशन में से प्रत्येक। यह हमें प्रत्येक लिंटर के लिए अलग से आइकन, रंग, लिंट मोड, पथ और पर्यावरण चर सेट करने की अनुमति देता है.

आगे का संदर्भ

मुझे उम्मीद है कि इस संक्षिप्त परिचय से सबमिली लर्न के साथ उठने और चलने में मदद मिल सकती है। यदि आप अधिक उन्नत सामान चाहते हैं तो आप संदर्भ को भी संदर्भित कर सकते हैं.

SublimeLinter आधिकारिक डॉक्टर
सॉफ्टवेयर और प्रोग्रामिंग में लिंट - विकीपीडिया
सबलाइम लोन रिपॉजिटरी