예쁜 에스슬린트, 에스슬린트 플러그인 프리티어와 에스슬린트 구성 프리티어의 차이점은 무엇입니까?

예쁜 에스슬린트, 에스슬린트 플러그인 프리티어와 에스슬린트 구성 프리티어의 차이점은 무엇입니까?

저는 Pretty와 ESLint를 함께 사용하고 싶지만, 사용하는 것만으로도 약간의 갈등을 경험했습니다.다음 세 가지 패키지를 함께 사용할 수 있는 것으로 보입니다.

• prettier-eslint
• eslint-plugin-prettier
• eslint-config-prettier

그러나 이 패키지 이름에 모두 포함되어 있기 때문에 어떤 것을 사용해야 할지 모르겠습니다.eslint그리고.prettier.

어떤 것을 사용해야 합니까?

tl;dr: 사용eslint-config-prettier나머지는 무시해도 됩니다.

ESLint에는 많은 규칙이 포함되어 있으며 포맷과 관련된 규칙은 다음과 같이 Pretty와 충돌할 수 있습니다.arrow-parens,space-before-function-paren기타. 따라서 함께 사용하면 몇 가지 문제가 발생합니다.ESLint와 Pretty를 함께 사용하기 위해 다음과 같은 도구가 만들어졌습니다.

	prettier-eslint	eslint-plugin-prettier	eslint-config-prettier
그것이 무엇인지	단일 함수를 내보내는 JavaScript 모듈입니다.	ESLint 플러그인입니다.	ESLint 구성입니다.
기능	코드(문자열)를 실행합니다.prettier그리고나서eslint --fix출력도 문자열입니다.	플러그인에는 일반적으로 ESLint에서 확인할 추가 규칙에 대한 구현이 포함되어 있습니다.이 플러그인은 후드 아래에서 Pretty를 사용하며 코드가 Pretty의 예상 출력과 다를 경우 ESLint 오류를 발생시킵니다.	이 구성은 Pretty와 충돌할 수 있는 형식 지정 관련 규칙을 해제하므로 Pretty를 와 같은 다른 ESLint 구성과 함께 사용할 수 있습니다.
사용방법	코드에서 함수를 호출하거나 명령줄을 사용하는 경우 를 통해 호출합니다.	에 추가합니다..eslintrc.	에 추가합니다..eslintrc.
최종 출력물이 더 예쁜가요?	ESLint 구성에 따라 다름	네.	네.
실행해야 합니까?prettier별도로 명령하시겠습니까?	아니요.	아니요.	네.
다른 것을 사용하실 필요가 있습니까?	아니요.	다음을 사용하여 충돌하는 규칙을 해제할 수 있습니다.eslint-config-prettier.	아니요.

자세한 내용은 공식 Pretty 문서를 참조하십시오.

Pretty가 포맷과 ESLint를 처리할 수 있도록 하는 것이 좋습니다.prettier-eslint그 관행과 같은 방향이 아니기 때문에.prettier-eslint더 이상 권장되지 않습니다.사용할 수 있습니다.eslint-plugin-prettier그리고.eslint-config-prettier함께.

언급URL : https://stackoverflow.com/questions/44690308/whats-the-difference-between-prettier-eslint-eslint-plugin-prettier-and-eslint