해보다

ESlint 및?

공식 문서
https://eslint.org/

ESLin 시작

ESLit은 오류를 방지하기 위해 ECMAScript/JavaScript 코드에서 발견된 패턴을 식별하고 보고하는 도구입니다.많은 면에서 JSLint와 JSHint와 비슷하지만 몇 가지 예외가 있다.
ESLit은 JavaScript를 분석할 때 Espree를 사용합니다.
ESLit은 AST 평가 코드 내의 모드를 사용합니다.
ESLitt는 플러그인을 완전히 사용할 수 있으며 모든 규칙은 플러그인이며 실행할 때 추가할 수 있습니다.

설치 및 사용 방법

사전 요구 사항: SSL에서 구문을 지원하는 노드입니다.js(^12.22.0,,^14.17.0 또는).16.0.0(정식 Node.js 릴리즈를 사용하는 경우 SSL은 항상 포함됩니다.)
npm 또는 yarn을 사용하여 ESLight를 설치할 수 있습니다.
듣건대🤔
먼저 환경을 구축하다.공부하는 것보다 익히는 것이 낫다!
강사 가이드
https://eslint.org/docs/user-guide/getting-started
나는 평소에 npm를 사용하기 때문에 npm로 시험해 본다.
작업 폴더를 만듭니다.
라이트라고 이름 지을래...

cd Lint

npm install eslint --save-dev

npm init @eslint/config

touch yourfile.js

응, 아무 일도 일어나지 않는 OK야?
yourfile.js

npx eslint yourfile.js

하지만, say("Hay");위장을 없애라!
오, 오류가 나왔어!
그런데 다른 곳에서 만든 같은 코드는 오류가 없나요?


방금 작은 전구 메뉴에서 맨 위에 있는 문자를 선택했는데 오류가 사라졌어요!

Vue.나는 js에서도 사용한 적이 있지만, 방법에 공간이 없으면 경고가 나온다!
나쁜 예👇

function say(params) {
  return params;
}

say('Hay');

좋은 예👇

computed: {
  say(){
  }
}

ESlint는 사용한 소감은 깨끗한 코드를 사용해야 한다고 경고했다.VScode 기능으로 작은 전구에 표시된 것을 선택하면 댓글이 달리고 오류를 없애고 코드를 예쁘게 다시 쓴다.

최후

지금까지 나는 인지 같은 것을 사용한 적이 없다.Flutter에서 2.5.2부터 기본값 설정😅
lint[linter]는 부식?
lint란 컴퓨터 프로그램 등의 원본 코드를 읽고 내용을 분석하며 문제점을 지적하는 정적 해석 도구다.또 그런 도구로 해석한다.도구라면 "linter"(rinter)라고도 할 수 있습니다.
업무상 필요한 지식이죠.착오가 생기면 경고를 보내고, 답답한 것은 지식이 없을 때 가져오지는 않았지만 예쁜 코드를 쓰는 것이 필요하다는 것을 알게 된다.
https://e-words.jp/w/lint.html