/ / PhpStorm के साथ काम करने के लिए ESLint को कॉन्फ़िगर करने के लिए कैसे करें

ESLint त्रुटियों के लिए phpStorm के साथ काम करने के लिए ESLint को कॉन्फ़िगर कैसे करें - जावास्क्रिप्ट, phpstorm, webstorm, eslint

मैंने ESLint कॉन्फ़िगरेशन फ़ाइल में कुछ नियमों को परिभाषित किया है। यह फ़ाइल में संलग्न है

Preferences
->Languages and Frameworks
->JavaScript
->Code Quality Tools
->ESLint

और मुझे लगता है कि यह ठीक काम करता है क्योंकि कोड संपादक में हर नियम दिखाया जाता है जब कोई त्रुटि दिखाई देती है जो "उन्हें मेल नहीं खाता है। जब मैं" कोड निरीक्षक "का उपयोग करता हूं

Code
-> Inspect code

इंस्पेक्टर सभी त्रुटियों को ढूँढता है और उन्हें दिखाता हैतल पर छोटी खिड़की। इस त्रुटियों में से प्रत्येक के लिए ऑटोफिक्स को लागू करने की भी संभावना है लेकिन जब मैं ऐसा करने की कोशिश करता हूं तो मुझे PhpStorm प्राथमिकताएं अनुभाग में ESLint कॉन्फ़िगरेशन पृष्ठ पर पुनः निर्देशित किया गया। यह इस तरह दिख रहा है:

यहां छवि विवरण दर्ज करें

एक लिंक होना चाहिए जो उस पर स्वचालित रूप से ठीक हो जाए जब मैं उस पर क्लिक करता हूं लेकिन इसके बजाय एक लिंक है जो सिर्फ ESLint विन्यास फाइल को खोलता है:

यहां छवि विवरण दर्ज करें

मुझे यह ठीक काम करने के लिए कैसे मिल सकता है? मैं इसके बारे में PhpStorm डॉक्स में देखने की कोशिश कर रहा हूं, लेकिन कोई सफलता नहीं मिली।

उत्तर:

उत्तर № 1 के लिए 7

मैंने किसी भी IDE (PhpStorm / Atom / Sublime / SubStStorm) में ऐसा करने का एक तरीका नहीं पाया। हालाँकि आप कमांड लाइन के माध्यम से कुछ समस्याओं को ठीक कर सकते हैं। eslint --fix.

आपको इन चरणों का पालन करने के लिए ESLint की एक बुनियादी समझ की आवश्यकता है:

1) स्थापित करें:

वैश्विक स्तर पर:

npm i -g eslint eslint-config-airbnb

(Airbnb की स्टाइल गाइड का बड़े पैमाने पर उपयोग किया जाता है - http://nerds.airbnb.com/our-javascript-style-guide/।)

या स्थानीय रूप से (बेहतर):

यदि आप स्थानीय हैं, तो स्थानीय रूप से इंस्टॉल करना बेहतर है node_modules निर्देशिका। अपने प्रोजेक्ट निर्देशिका से यह आदेश चलाएँ:

npm i --save-dev eslint eslint-config-airbnb

(आप तब चला सकते हैं eslint से ./node_modules/.bin/eslint)

2) एक बनाएँ .eslintrc फ़ाइल अपनी परियोजना निर्देशिका में निम्नलिखित पंक्ति के साथ।

{ "extends": "airbnb" }  // We installed airbnb"s style guide in step 1.

3) बैकअप / अपने स्रोत कोड फ़ाइलों को प्रतिबद्ध

उन फ़ाइलों को बैकअप करें जिन्हें आप लिंट करना चाहते हैं; निम्न कमांड कई पंक्तियों को बदल सकती है।

4) भागो eslint --fix निम्नलिखित नुसार:

eslint --fix path/to/file.js

eslint --fix path/to/files/*.jsx

यह आपकी फ़ाइलों में त्रुटियों के 10s ठीक कर देगा!

5) यदि eslint --fix कुछ त्रुटि पर रुक जाता है, इसे मैन्युअल रूप से ठीक करें फिर चलाएं

मैंने गौर किया eslint --fix doesn "एक बार में सभी इरोज़ को ठीक नहीं करते। यानी यह कभी-कभी फ़ाइल में किसी विशेष बिंदु तक चलेगा, फिर त्रुटियों पर रोकें" यह स्वचालित रूप से संभाल सकता है।

यदि आप सबसे ऊपरी समस्या को दूर करते हैं eslint पर अटक जाता है, कमांड को फिर से चलाने से फाइल में अधिक त्रुटियां ठीक हो जाती हैं। कुल्ला, दोहराएँ।

--

एस्लिंट ने 2015 में कुछ नई सुविधाएँ जोड़ीं। आशा है कि "- उपसर्ग" विकल्प भविष्य में बेहतर हो जाएगा: http://eslint.org/blog/2015/09/eslint-v1.5.0-released