Doom-emacs: tsx-tide 대신 Eslint를 사용하여 .ts / .tsx 파일을 확인하는 방법

에 만든 2020년 01월 21일 · 3코멘트 · 출처: hlissner/doom-emacs

당신은 무엇을 성취하려고합니까?
TSLint가 더 이상 사용되지 않고 Eslint가 이제 Typescript / TSX 파일을 린트하는 데 권장되는 방법이므로 Eslint를 사용하여 Typescript 파일을 린트하고 싶습니다.

linting에 Tide 사용을 방지하고 .js 파일과 같이 Eslint를 기본값으로 사용하는 방법에 대해 약간의 손실이 있습니다.

당신은 무엇을 시도 했습니까?
typescript-eslint 패키지 를 설치하여 Typescript를 올바르게 처리하도록 .eslintrc 파일을 구성했습니다.

시스템 정보



 ((emacs

 (버전. "26.3")

 (기능. "NOTIFY ACL GNUTLS LIBXML2 ZLIB TOOLKIT_SCROLL_BARS THREADS")

 (빌드. "2019 년 12 월 28 일")

 (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 / local / Cellar / emacs-mac / emacs -26.3-z-mac-7.8 --gnutls 포함 ")

 (windowsys. 배치)

 (daemonp. 서버 실행))

 (운명

 (버전. "2.0.9")

 (빌드. "HEAD-> 453e20534 개발 2020-01-15 11:19:32 -0500")

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

 (체계

 (유형. darwin)

 (구성. "x86_64-apple-darwin18.7.0")

 (쉘. "/ usr / local / bin / fish")

 (uname. "Darwin 18.7.0 Darwin Kernel 버전 18.7.0 : Tue Aug 20 16:57:14 PDT 2019; root : xnu-4903.271.2 ~ 2 / RELEASE_X86_64 x86_64")

 (경로 "~ / .nvm / versions / node / v12.13.0 / bin" "~ / go / bin" "~ / .bin" "~ / .yarn / bin" "~ / .config / yarn / global / node_modules /.bin ""~ / .rbenv / bin ""~ / .rbenv / shims ""/ usr / local / bin ""/ usr / bin ""/ bin ""/ usr / sbin ""/ sbin ""/ usr / local / go / bin ""/ usr / local / MacGPG2 / bin ""/Library/Frameworks/Mono.framework/Versions/Current/Commands ""/ Library / TeX / texbin ""~ / go / bin "" ~ / .bin ""~ / .yarn / bin ""~ / .config / yarn / global / node_modules / .bin ""~ / .rbenv / bin ""~ / .rbenv / shims ""~ / .rbenv / versions / 2.6.3 / bin ""/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)

 (모듈 : 완성 회사 ivy : ui doom doom-dashboard doom-quit hl-todo modeline nav-flash ophints (popup + all + defaults) treemacs unicode vc-gutter vi-tilde-fringe window-select workspaces : editor (evil + everywhere ) 파일 템플릿 접기 다중 커서 회전 텍스트 스 니펫 : emacs (dired + icons) electric vc : term vterm : tools editorconfig eval : checkers 구문 : tools (lookup + docsets) macos magit pdf : lang common-lisp data emacs-lisp go javascript latex ledger markdown (org + dragndrop + ipython + pandoc + present) plantuml python ruby rust sh web : config literate (default + bindings + smartparens))

 (패키지 "해당 없음")

 (elpa "ox-hugo")))

: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 에 2020년 01월 27일

👍4

모든 3 댓글

내 질문에 따라 javascript-eslint 에서 typescript-mode javascript-eslint 실행하는 방법을 알아 냈습니다.

(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 대한 유효한 Flycheck 검사기가 아닙니다.

따라서 TSX 파일에 대해 typescript-mode 를 사용하고 JSX 부분에 대한 구문 강조 및 들여 쓰기의 장점을 잃거나 Eslint 사용을 포기해야합니다.

어떤 통찰력이라도 대단히 감사하겠습니다 😄

gueorgui 에 2020년 01월 23일

@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 에 2020년 01월 27일

👍4

@afontaine 이것에 대해 대단히 감사합니다!

gueorgui 에 2020년 01월 27일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Doom-emacs: tsx-tide 대신 Eslint를 사용하여 .ts / .tsx 파일을 확인하는 방법

가장 유용한 댓글

모든 3 댓글

관련 문제