61 eslint 기능 강화 (prettier, stylelint) 및 git hook 기능 추가

source: categories/study/vue-experiance/vue-experiance_9-61.md

61 eslint 기능 강화 (prettier, stylelint) 및 git hook 기능 추가

적용 이유

  1. 코드 스타일 공통화
  2. 불필요한 코드 제거를 통한 코드 최적화
  3. vue 관련 준수사항 강제

적용 효과

  1. 규칙을 어긴 코드들에 대해 error 또는 warn 메시지를 뜨게 하였습니다.

  2. vue 관련 준수사항을 어겼을 시 error 또는 warn 메시지를 뜨게 하였습니다.

  3. error 가 있으면 commit 이 안되도록 git hook 기능을 추가했습니다. ( 이 경우 error를 해결하고 커밋하셔야됩니다)

husky - git hook

  1. npm install husky –save-dev
  2. npx husky install 3.
 
 
 // package.json
 {
   "scripts": {
     "prepare": "husky install"
   }
 }
  1. npx husky add .husky/pre-commit "npm test"
  2. git add .husky/pre-commit