Angular CLI - ng lint Command
Składnia
ng lint <project> [options]
ng l <project> [options]
ng lint uruchom narzędzie linting w kodzie aplikacji kątowej. Sprawdza jakość kodu określonego projektu kątowego. Używa TSLint jako domyślnego narzędzia do lintowania i używa domyślnej konfiguracji dostępnej w pliku tslint.json. Opcje są parametrami opcjonalnymi.
Argumenty
Sr.No. | Argument i składnia | Opis |
---|---|---|
1 | <project> | Nazwa projektu do szarpania. |
Opcje
Sr.No. | Opcja i składnia | Opis |
---|---|---|
1 | --configuration = konfiguracja | Konfiguracja lintingu do użycia. Aliasy: -c |
2 | --wykluczać | Pliki do wykluczenia z lintingu. |
3 | --akta | Pliki do uwzględnienia w lintingu. |
4 | --fix = true | false | Naprawia błędy lintingu (może nadpisać pliki z linterem). Domyślnie: false |
5 | --force = true | false | Sukces, nawet jeśli wystąpiły błędy lintingu. Domyślnie: false |
6 | --format = format | Format wyjściowy (proza, json, stylowy, gadatliwy, pmd, msbuild, checkstyle, vso, lista plików). Domyślnie: proza |
7 | --help = true | false | json | JSON | Wyświetla komunikat pomocy dla tego polecenia w konsoli. Domyślnie: false |
8 | --silent = true | false | Pokaż tekst wyjściowy. Domyślnie: false |
9 | --tsConfig = tsConfig | Nazwa pliku konfiguracyjnego TypeScript. |
10 | --tslintConfig = tslintConfig | Nazwa pliku konfiguracyjnego TSLint. |
11 | --typeCheck = true | false | Steruje sprawdzaniem typu pod kątem lintingu. Domyślnie: false |
Najpierw przejdź do projektu kątowego zaktualizowanego za pomocą polecenia ng build .
Zaktualizuj goal.component.html i goal.component.ts w następujący sposób.
goal.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 {
}
}
goal.component.html
<p>{{title}}</p>
Teraz uruchom polecenie linting.
Przykład
\>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.
Tutaj polecenie ng lint sprawdziło jakość kodu aplikacji i wyświetla stan lintingu.
Teraz popraw błędy w goal.component.ts.
goal.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 {
}
}
Teraz uruchom polecenie linting.
Przykład
\>Node\>TutorialsPoint> ng lint
Linting "TutorialsPoint"...
All files pass linting.