Prettier 적용하기(with vscode & eslint)

Prettier 는 표준이라고 할만한 Code Formatter 입니다. 아래 공식 사이트에 가면 좋은 설명을 볼 수 있습니다.

기존 사용되던 .editorconfig 설정 파일을 인식하므로 따로 editorconfig와 연동할 필요는 없습니다. (.prettier 설정파일이 있을시 그것을 더 우선시 하므로 주의)
https://prettier.io/
적용 방법은 다음과 같습니다.

1.Install prettier-eslint

npm install --save-dev prettier-eslint

prettier-eslint 를 설치하면 prettier 도 같이 설치되므로 prettier는 따로 설치할 필요 없습니다.

2.Install prettier-vscode plugin at marketplace

ext install esbenp.prettier-vscode

3.Set "prettier.eslintIntegration: true" in vs-code settings

Reference

• https://prettier.io/blog/2017/12/05/1.9.0.html#add-editorconfig-support-3255-https-githubcom-prettier-prettier-pull-3255-by-josephfrazier-https-githubcom-josephfrazier (.editorconfig 파일 지원에 대한 글)
• https://github.com/prettier/prettier-eslint/issues/135(추가 설명)