Eslint & Prettier 설정
설치
npx install-peerdeps --dev eslint-config-7ylee-vue프로젝트 .eslintrc 파일
{
"extends": [
"7ylee-vue"
]
}VSCode 설정
- ESLint Extension 설치
- 에디터 설정 파일 수정:
- 에디터 설정 파일 여는 방법:
cmd+shift+p=>> Preferences: Open Settings (JSON)
- 에디터 설정 파일 여는 방법:
// JS & JSX 는 비활성화 - eslint로 포맷팅 하기 위해 에디터 디폴트 기능은 해제합니다.
"[javascript]": {
"editor.formatOnSave": false
},
"[javascriptreact]": {
"editor.formatOnSave": false
},
// 에디터 디폴트 -문서 저장시 포맷팅 기능 활성화
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// !필수 아님
// VScode의 Prettier Extension이 설치 되어있으면 JS & JSX 자동 포맷팅 비활성화
"prettier.disableLanguages": ["javascript", "javascriptreact"],!중요
코드 에디터에서
.eslintrc파일이 프로젝트 루트에 있어야 합니다.