이 프로젝트는
create-react-app --tempate typescript
로 생성되었습니다.
- CRA 에서 제공하는 패키지 외에 다음과 같은 패키지들이 설치 및 설정되어 있습니다.
- ESLint
- Prettier
- [설정] → [Editor: Default Formatter] → [Prettier - Code Formatter] 선택
- [Preferences: Open User Settings(JSON)]
→"editor.codeActionsOnSave": { "source.fixAll.eslint": true },
추가하기
- [설정] → [도구] → [저장 시 액션] 으로 이동 후
[eslint --fix 실행]
및[Prettier 실행]
체크박스에 체크하고[적용]
버튼 클릭하기
- [설정] → [언어 및 프레임워크] → [JavaScript] → [Prettier] 로 이동 후
[자동 Prettier 구성]
클릭 →[Run on save]
체크 후[적용]
버튼 클릭하기
.prettierrc
파일을 열었을 때이 프로젝트에 Prettier 기반의 코드 스타일을 사용하시겠어요?
라고
안내창이 뜬다면예
누르기