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.