[Vue, ESLint airbnb, Prettier] Vue 프로젝트에 eslint airbnb 확장 추가하기 + eslint-prettier 연동하기

 1. Vue 프로젝트 ESLint 설정에 airbnb 확장 추가하기 

npm v5 이상

 npx install-peerdeps --dev eslint-config-airbnb

https://www.npmjs.com/package/eslint-config-airbnb

eslint-config-airbnb

 

.eslintrc

{
  "extends": [
    "airbnb",
    ...
  ],
  ...
}

 

 

 2. eslint에 prettier 설정 추가하기 

npm i --save-dev eslint-plugin-prettier eslint-config-prettier

 

 

https://www.npmjs.com/package/eslint-plugin-prettier

eslint-plugin-prettier

 

.eslintrc

{
  "extends": [
    "airbnb",
    "prettier",
    ...
  ],
  ...
  "rules" : {
    "prettier/prettier": "error",
    ...
  },
  ...
}