[JS] Eslint, Prettier 설치 적용하는 법

 

Eslint, Prettier  설치

npm install -D  eslint prettier eslint-plugin-prettier eslint-config-prettier

 

설치 후 최상위 디렉토리에 .eslintrc 와 .prettierrc 파일을 생성해준다

 

 

# .eslintrc

{
    "extends": ["plugin:prettier/recommended"]
}

 

 

# .prettierrc

{
    "printWidth": 120,
    "tabWidth": 4,
    "singleQuote": true,
    "trailingComma": "all",
    "semi": false
}

 

 

 

위와 같이 각 파일에 내용을 적으면 VS Code 확장 프로그램으로 가서 'prettier' 와 'Eslint'를 설치한다.

 

설치가 다 완료되면 ' Ctrl + , ' 키를 누르고 검색창에다가 Default Formatter를 친 다음,

 

Editor 설정에서 Prettier - Code formatter로 설정을 바꿔준다.

 

그 다음 검색창에서 ' format on '이라고 치고 Editor : format on save를 체크해주면 된다.