prettier 설정 (vscode mac)

prettier 설치 및 설정 방법.

 

1.extention 에서 prettier 검색 후 설치.

2. vscode 설정(settings)

 

 

3. settings 에 들어왔으면 오른쪽 상단 ... 있는 곳에 오른쪽 귀 접혀있는 문서 모양 클릭

 

 

 

4. "editor.formatOnSave": true 입력 후 저장. (코드 저장시 자동으로 정렬)

 

참고)

https://busy.org/@anpigon/eslint-prettier-airbnb-style

 

 

+

2019년 11월 12일 화요일 추가

prettier가 업데이트 되면서 마이그레이션 하라는 경고? 가 나타났다

 

cmd+shift+p → settings.json (vscode 설정파일)

에 "prettier.singleQuote": true 기존 프리티어 설정 내용이 있어서 그런 것 같아 지워주고 Migrate Config 를 눌러 현재 프로젝트 폴더에 .prettierrc 파일을 만들었다.

{ "singleQuote": true } (자동으로 만들어졌음)

vscode 익스텐션 설정에서 패스도 잡아주니 문제없이 변경되었는데, 아예 설정 파일만 별도로 분리해서 만들어 놓았다.

현 프로젝트 폴더 → 다른 폴더(dev/...)에 .prettierrc 파일 만들고 { "singleQuote": true } 입력.

문제없이 작동.