Eslint 알아보쟈

1

javascript

목록 보기
26/34
post-thumbnail

ESlint를 이용해서 코드의 띄어쓰기나 줄바꿈 등의 규칙들을 맞추는 데에 도움이 되어집니다.


먼저 설치를 해봅시다 !

$ npm install eslint --save-dev
$ npx eslint --init
$ npx eslint yourfile.js 

순서대로 코드를 입력해주고 중간에 질문이 나온다면 해당되는 답변을 자신의 맞게 설정해줍니다. !

위에 3가지 과정을 하고 나면 package.json 파일에 devDependencies 항목에 eslint가 추가가 되어집니다.

.eslintrc.js 파일에 eslint:recommended이 적용되었는지 확인해봅니다.
"rules" 부분에 추가 하고 npm run lint을 해주면 오류를 찾아줍니다.

"semi": ["error", "always"],
"quotes": ["error", "double"]

오류를 해결해 봅시다.

1. mocha 관련 문제 해결

ESLint에게 "우리가 현재 mocha를 사용하고 있다" 알려주면 됩니다.

"env": {
"mocha" :true //모카관련 에러제거
}

2. node 관련 문제 해결
ESLint에게 "우리는 브라우저 및 node.js 환경을 사용하고 있다"알려주면됩니다.

"env": {
"node": true
}

3. ESLint 검사 조건 완화하기
작성하는 함수가 정의만 될뿐 nodex.js에서 파일이 실행되는것이 아닌게 있을수 있습니다. 그럴때 뜨는 에러가 no-unused-vars 입니다.
이것을 해결 하기 위해선

"rules": {
 "no-unsed-vars" : 0 //기본조건완화
    }
profile
👩🏻‍💻항상발전하자 🔥

0개의 댓글