소개

여러분 아시다시피 ESLint 에는 자동 수정 기능 (--fix CLI 옵션)이 있습니다만, 이번 이 기능을 Emacs 로 자동적으로 달리기 위한 js-auto-format-mode 라고 하는 Emacs Lisp 패키지 만들었습니다.

GitHub: htps : // 기주 b. 이 m / y 히쿠 이토 s / js - 아우토 후 r 마 t

MELPA: htps : // / l 파. 오 rg / # / js - 아우토 - rma t-

설치

ESLint

Node.js와 ESLint를 설치하십시오. 후술하는 바와 같이, 다른 포매터를 사용한다면 ESLint 의 인스톨은 불필요합니다.

npm install --global eslint

~/.eslintrc 파일을 작성하십시오.

~/.eslintrc

{
  "extends": "eslint:recommended"
}

ESLint를 모든 프로젝트 디렉토리에서만 사용하는 경우 위의 전역 설치 및 설정은 필요하지 않습니다.
필요에 따라 ~/.eslintrc의 내용을 다시 작성하십시오.

ESLint 설정에 대한 자세한 내용은 공식 사이트을 참조하십시오.

Emacs

멜파에서 설치하십시오.

M-x package-install RET js-auto-format-mode RET

사용법

기본적으로 활성화하려면 다음과 같이 하면 됩니다.

(add-hook 'js-mode-hook #'js-auto-format-mode)

글로벌 설치한 ESLint가 아니라 프로젝트 로컬 ESLint를 사용하고 싶은 경우(많은 경우가 있을 것입니다), 함께 add-node-modules-path 패키지도 인스톨 해 두면 행복하게 됩니다.

(add-hook 'js-mode-hook #'js-auto-format-mode)
(add-hook 'js-mode-hook #'add-node-modules-path)

언제든지 실행하려면 js-auto-format-execute 함수를 실행하십시오.

M-x js-auto-format-execute

다른 포맷터 사용

기본 포맷터는 ESLint이지만 다른 포맷터를 사용하려면 사용자 정의가 가능합니다.

예를 들어, Prettier 를 사용하는 경우는 다음과 같이 됩니다.

(custom-set-variables
  '(js-auto-format-command "prettier")
  '(js-auto-format-command-args "--write --single-quote --no-semi"))

사용자 정의에 대한 자세한 내용은 다음 명령을 실행하십시오.

M-x customize-group RET js-auto-format RET

마지막으로

이상, js-auto-format-mode 패키지의 소개였습니다. 의견과 끌어 오기 요청을하면 매우 고맙습니다