Angular CLI-ng lint 명령

통사론

ng lint <project> [options]
ng l <project> [options]

Lint는 각 앱 코드에서 Linting 도구를 실행합니다. 지정된 앵귤러 프로젝트의 코드 품질을 확인합니다. TSLint를 기본 Linting 도구로 사용하고 tslint.json 파일에서 사용할 수있는 기본 구성을 사용합니다. 옵션은 선택적 매개 변수입니다.

인수

Sr. 아니. 인수 및 구문 기술
1 <프로젝트> Lint 할 프로젝트의 이름입니다.

옵션

Sr. 아니. 옵션 및 구문 기술
1 --configuration = configuration

사용할 Linting 구성입니다.

별칭 : -c

2 --들어오지 못하게 하다 Linting에서 제외 할 파일입니다.
-파일 Linting에 포함 할 파일입니다.
4 --fix = true | false Linting 오류를 수정합니다 (linted 파일을 덮어 쓸 수 있음).

기본값 : false

5 --force = true | false

Linting 오류가 있어도 성공합니다.

기본값 : false

6 --format = 형식

출력 형식 (prose, json, stylish, verbose, pmd, msbuild, checkstyle, vso, fileslist).

기본값 : 산문

7 --help = true | false | json | JSON

콘솔에이 명령에 대한 도움말 메시지를 표시합니다.

기본값 : false

8 --silent = true | false

출력 텍스트를 표시합니다.

기본값 : false

9 --tsConfig = tsConfig TypeScript 구성 파일의 이름입니다.
10 --tslintConfig = tslintConfig TSLint 구성 파일의 이름입니다.
11 --typeCheck = true | false

Linting 유형 검사를 제어합니다.

기본값 : false

먼저 ng build 명령을 사용하여 업데이트 된 각도 프로젝트로 이동합니다 .

다음과 같이 goals.component.html 및 goals.component.ts를 업데이트하십시오.

goals.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
   selector: 'app-goals',
   templateUrl: './goals.component.html',
   styleUrls: ['./goals.component.css']
})
export class GoalsComponent implements OnInit {
   title = 'Goal Component'
   constructor() { }
   ngOnInit(): void {
   }
}

goals.component.html

<p>{{title}}</p>

이제 linting 명령을 실행하십시오.

\>Node\>TutorialsPoint> ng lint
Linting "TutorialsPoint"...

ERROR: D:/Node/TutorialsPoint/src/app/goals/goals.component.ts:9:27 - Missing semicolon
ERROR: D:/Node/TutorialsPoint/src/app/goals/goals.component.ts:13:2 - file should end with a newline

Lint errors found in the listed files.

여기서 ng lint 명령은 응용 프로그램의 코드 품질을 확인하고 Linting 상태를 인쇄합니다.

이제 goals.component.ts의 오류를 수정하십시오.

goals.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
   selector: 'app-goals',
   templateUrl: './goals.component.html',
   styleUrls: ['./goals.component.css']
})
export class GoalsComponent implements OnInit {
   title = 'Goal Component';
   constructor() { }
   ngOnInit(): void {
   }
}

이제 linting 명령을 실행하십시오.

\>Node\>TutorialsPoint> ng lint
Linting "TutorialsPoint"...
All files pass linting.