JSHint로 자바 스크립트 linting
Linting 컴퓨터 프로그래밍에서 코드를 정적으로 분석하여 잘못된 구문과 같은 문제를 찾아 내고, 코드의 사용법을 모른다면. linting에 사용되는 도구는 보푸라기 또는 린터. 오늘 자바 스크립트에서 사용할 수있는 linters 중 하나는 JSHint입니다..
JSHint는 여러 플랫폼에서 사용할 수 있습니다. 우리 중 대부분이 알고있는 온라인 웹 도구는 jshint.com입니다. 또한 Node.js를 통한 명령 행 도구, 에이 자바 스크립트 API, 여러 텍스트 편집기 및 IDE 플러그인 JSHint. JSHint 웹 사이트의 다운로드 및 설치 페이지에서 다양한 환경에 사용할 수있는 JSHint 도구의 전체 목록을 볼 수 있습니다.
웹 사이트에 따르면 JSHint 도구가 사용되는 가장 일반적인 두 가지 방법은 명령 줄 도구 그리고 API. 도구가 제공하는 다른 linting optiosn과 함께 둘 다 사용할 수있는 방법을 살펴 보겠습니다..
명령 줄 도구를 통해
(1) 컴퓨터에 Node.js가 설치되어 있지 않으면 웹 사이트를 방문하여 먼저 다운로드하여 설치해야합니다. Node.js가 성공적으로 설치되었는지 확인하려면 명령을 실행할 수 있습니다 npm -version 명령 행 인터페이스 (Command Line Interface, CLI)를 사용하면 컴퓨터에있는 Node.js의 버전을 볼 수 있습니다. (또는 명령을 실행할 수도 있습니다 npm 무슨 일이 일어나는 지보십시오).
(2) JSHint 도구를 설치하려면 다음 명령을 실행하십시오. npm install jshint CLI에서. JSHint가 성공적으로 설치되었는지 확인하려면 명령을 실행하십시오. jshint - 버전 그 버전을 볼 수 있습니다. 이 단계가 끝나면 설치가 완료됩니다..
(삼) 이 도구를 실행하려면 CLI에서 JavaScript 파일이있는 디렉토리로 이동하십시오 (예 : test.js) 명령을 실행하고 jshint test.js. JavaScript 코드에 대한 도구 분석 결과가 표시됩니다 (다음과 같이).
JavaScript API를 통해
(1) 이 GitHub 링크에서 압축 파일을 다운로드하고 압축을 풉니 다. 에서 dist 폴더를 찾을 수 있습니다. jshint JS 파일 (API 라이브러리).
(2) API를 사용하려면 jshint JS 파일을 프로젝트에 추가하고 페이지에 연결하십시오. API는 호출 된 함수 / 객체를 사용하여 JavaScript 코드에서 액세스 할 수 있습니다. JSHINT. 다음은 JSHint의 JavaScript API가 자바 스크립트 코드를 분석하는 데 사용되는 샘플 HTML 코드입니다. 출처 페이지에 분석 결과를 배열하고 표시하십시오..
문서
(삼) 우리는 출처 분석 할 JavaScript 소스 코드가 들어있는 배열 옵션들 linting 옵션을 포함하는 객체 (우리는 옵션들 곧) 매개 변수로 JSHINT 기능. 분석 결과 (JSON 객체)는 JSHINT님의 function 속성이 호출되었습니다. 데이터.
(4) JSON.stringify 여기서 표시 전용으로 사용되며, 데이터 함수를 페이지에 문자열 형식으로 저장하십시오. 그만큼 미화 된 JSON 문자열은 다음과 같습니다. 강조 표시된 부분은 간단한 문장으로 된 JSHint에 의해 발견 된 오류입니다.
린트 옵션
린트 옵션은 린 팅 프로세스를 구성하게합니다. 어떤 유형의 오류 또는 wanring이 linted 될 필요가 있고 어떤 유형은 그렇지 않은지를 지정할 수 있습니다. 이전 예에서 두 가지 린 팅 옵션이 사용되었습니다. 정의 안함 과 미사용의.
정의 안함 옵션 선언되지 않은 변수에 플래그를 지정합니다. 미사용의 선언되었지만 사용되지 않은 변수를 플래그합니다. 여기에는이 페이지의 목록을 볼 수있는 더 많은 옵션이 있습니다. 옵션을 검색하려면 오른쪽 상단에 검색 표시 줄이 있습니다..
Node.js를 통해 CLI 도구를 사용하는 경우 lint 내부에 linting 옵션을 쓸 수 있습니다. package.json 속성의 파일 jshintConfig 동일한 디렉토리에 있습니다. JavaScript 코드에서 지시어로 옵션을 추가 할 수도 있습니다.
// - test.js - / * jshint undef : true, unused : true * / foo (); a = 7;
사용중인 도구를 기반으로 프로젝트에서 린트 옵션을 구성하는 방법은 여러 가지가 있습니다. 다른 방법을 확인해보십시오. 구성 이리.
