Doom-emacs: मैं tsx-ज्वार के बजाय .ts / .tsx फ़ाइलों की जाँच करने के लिए एस्लिंट का उपयोग कैसे करूँ

को निर्मित 21 जन॰ 2020 · 3टिप्पणियाँ · स्रोत: hlissner/doom-emacs

आप क्या हासिल करने का प्रयास कर रहे हैं?
चूंकि TSLint को हटा दिया गया है और Eslint अब टाइपस्क्रिप्ट / TSX फ़ाइलों को लिंट करने के लिए अनुशंसित तरीका है, मैं Eslint का उपयोग करके अपनी टाइपस्क्रिप्ट फ़ाइलों को एक प्रकार का आकार देना चाहूंगा।

मैं कैसे .js फ़ाइलों की तरह लाइनिंग के लिए टाइड के उपयोग और एस्लिंट के लिए डिफ़ॉल्ट को रोकने के लिए नुकसान पर थोड़ा सा हूँ।

आपने क्या प्रयास किया है?
मैंने typescript-eslint पैकेज स्थापित करके टाइपस्क्रिप्ट को सही ढंग से संभालने के लिए अपने .eslintrc फ़ाइल को कॉन्फ़िगर किया है।

व्यवस्था जानकारी



 ((emacs)

 (संस्करण। "26.3")

 (विशेषताएं

 (बिल्ड। "दिसंबर 28, 2019")

 (buildopts) --enable-locallisppath = / usr / local / share / emacs / site-lisp --infodir = / usr / local / Cellar / emacs-mac / emacs-26.3-z-mac-7.8 / share / info / emacs --prefix = / usr / local / Cellar / emacs-mac / emacs-26.3-z-mac-7.8 -with-mac -enable-mac-app = / usr / लोकल / सेलर / एमएसीएस-मैक / ईमैक्स -26.3-z-mac-7.8 - इसके साथ-साथ ")

 (विंडोज़। बैच)

 (डेमनप। सर्वर-रनिंग))

 (कयामत

 (संस्करण। "2.0.9")

 (बिल्ड। "हेड -> 453e20534 2020-01-15 11:19:32 -0500 विकसित करें"

 (dir। "~ / work / dotfiles / emacs / .doom.d /"))

 (सिस्टम

 (प्रकार। डार्विन)

 (विन्यास। "x86_64-apple-darwin18.7.0")

 (शेल। "/ usr / स्थानीय / बिन / मछली")

 "

 पथ । usr / लोकल / गो / बिन "" / usr / लोकल / MacGPG2 / bin "" / लॉर्ड्स /Frameworks/Mono.framework/Versions/Current/Commands "" / Library / TeX / टेक्सबिन "" ~ / go / bin "" " ~ / .बीन। संस्करण / 2.6.3 / बिन "" /usr/local/Cellar/rbenv/1.1.2/libexec "" /usr/local/Cellar/emacs-mac/emacs-26.3-z-mac-7.8/libexec/emacs/ 26.3 / x86_64-apple-darwin18.7.0 "))

 (विन्यास

 (envfile। envvar-file)

 (elc-files। 0)

 (मॉड्यूल: पूरा करने वाली कंपनी आइवी: यूआई कयामत कयामत-डैशबोर्ड कयामत-छोड़ो hl-todo मॉडलाइन नव-फ्लैश ऑपिनट्स (पॉपअप + ऑल + डिफॉल्ट्स) treemacs यूनिकोड vc-gild vi-tilde-fringe window-select कार्यस्थान: संपादक (बुराई + हर जगह) ) फ़ाइल-टेम्प्लेट एकाधिक-कर्सर को घुमाए-घुमाए-पाठ स्निपेट: emacs (dired + icons) इलेक्ट्रिक vc: टर्म vterm: टूल्स editorconfig eval: चेकर्स सिंटैक्स: टूल्स (लुकअप + डॉक्ससेट) macc magit pdf: lang आम-लिस्प डेटा emacs-lisp जावेदस्क्रिप्ट लेटेक्स लेगर मार्कडाउन (org + dragndrop + ipython + pandoc + present)

 (पैकेज "एन / ए")

 (एल्पा "ऑक्स-ह्यूगो"))

:checkers syntax :lang javascript question resolved

स्रोत

gueorgui

सबसे उपयोगी टिप्पणी

@gueorgui मुझे अच्छी तरह से काम करने के लिए vue समान कुछ करना था, निम्नलिखित के साथ समाप्त हुआ

(define-derived-mode vue-mode web-mode "Vue mode")
(add-to-list 'auto-mode-alist '("\\.vue\\'" . vue-mode))
(after! flycheck
  (flycheck-add-mode 'javascript-eslint 'vue-mode)
  (flycheck-add-mode 'css-stylelint 'vue-mode)
  (add-hook 'vue-mode-hook (lambda () (flycheck-add-next-checker 'lsp-ui 'javascript-eslint)))
  (add-hook 'vue-mode-hook (lambda () (flycheck-add-next-checker 'javascript-eslint 'css-stylelint))))

आप के उदाहरण की जगह सकता है vue के साथ tsx , और हटाने stylelint साथ ही समर्थन करते हैं। यह भी lsp का उपयोग करता है, इसलिए आपको इसके लिए भी समायोजित करने की आवश्यकता हो सकती है।

afontaine 27 जन॰ 2020

👍4

सभी 3 टिप्पणियाँ

अपने स्वयं के प्रश्न के बाद, मुझे पता चला है कि javascript-eslint को typescript-mode कैसे चलाया जाए:

(defun typescript-mode-setup ()
  "Custom setup for Typescript mode"
  (setq flycheck-checker 'javascript-eslint)
  )
(add-hook 'typescript-mode-hook 'typescript-mode-setup)

यह मुद्दा तब बनता है कि .tsx फाइलें typescript-mode में नहीं खुलती हैं (क्योंकि यह मोड JSX / TSX का समर्थन नहीं करता है) बल्कि web-mode , और ऐसा प्रतीत होता है कि javascript-eslint web-mode लिए एक मान्य फ्लाईचेक चेकर नहीं है।

इस प्रकार, मैं या तो TSX फ़ाइलों के लिए typescript-mode का उपयोग करने के साथ अटक गया हूं, जेएसएक्स भाग के लिए सिंटैक्स हाइलाइटिंग और इंडेंटेशन की बारीकियों को खो रहा हूं, या मुझे एस्लिंट का उपयोग करके छोड़ना होगा।

किसी भी अंतर्दृष्टि बहुत सराहना की जाएगी appreciated

gueorgui 23 जन॰ 2020

(define-derived-mode vue-mode web-mode "Vue mode")
(add-to-list 'auto-mode-alist '("\\.vue\\'" . vue-mode))
(after! flycheck
  (flycheck-add-mode 'javascript-eslint 'vue-mode)
  (flycheck-add-mode 'css-stylelint 'vue-mode)
  (add-hook 'vue-mode-hook (lambda () (flycheck-add-next-checker 'lsp-ui 'javascript-eslint)))
  (add-hook 'vue-mode-hook (lambda () (flycheck-add-next-checker 'javascript-eslint 'css-stylelint))))

afontaine 27 जन॰ 2020

👍4

@afontaine इसके लिए आपका बहुत-बहुत धन्यवाद!

gueorgui 27 जन॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Doom-emacs: मैं tsx-ज्वार के बजाय .ts / .tsx फ़ाइलों की जाँच करने के लिए एस्लिंट का उपयोग कैसे करूँ

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों