CLI angolare - comando ng lint
Sintassi
ng lint <project> [options]
ng l <project> [options]
ng lint esegue lo strumento linting sul codice dell'app angolare. Controlla la qualità del codice del progetto angolare specificato. Utilizza TSLint come strumento di linting predefinito e utilizza la configurazione predefinita disponibile nel file tslint.json. Le opzioni sono parametri opzionali.
argomenti
Sr.No. | Argomento e sintassi | Descrizione |
---|---|---|
1 | <progetto> | Il nome del progetto da lintare. |
Opzioni
Sr.No. | Opzione e sintassi | Descrizione |
---|---|---|
1 | --configuration = configurazione | La configurazione di lanugine da utilizzare. Alias: -c |
2 | --escludere | File da escludere dal linting. |
3 | --File | File da includere nel linting. |
4 | --fix = true | false | Corregge gli errori di linting (può sovrascrivere i file lint). Predefinito: false |
5 | --force = true | false | Ha successo anche in caso di errori di lanugine. Predefinito: false |
6 | --format = formato | Formato di output (prose, json, stylish, verbose, pmd, msbuild, checkstyle, vso, fileslist). Predefinito: prosa |
7 | --help = true | false | json | JSON | Mostra un messaggio di aiuto per questo comando nella console. Predefinito: false |
8 | --silent = true | false | Mostra il testo di output. Predefinito: false |
9 | --tsConfig = tsConfig | Il nome del file di configurazione TypeScript. |
10 | --tslintConfig = tslintConfig | Il nome del file di configurazione TSLint. |
11 | --typeCheck = true | false | Controlla il controllo del tipo di lanugine. Predefinito: false |
Primo passaggio a un progetto angolare aggiornato utilizzando il comando ng build .
Aggiorna goal.component.html e goal.component.ts come segue.
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>
Ora esegui il comando linting.
Esempio
\>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.
Qui il comando ng lint ha verificato la qualità del codice dell'applicazione e stampa lo stato del lint.
Ora correggi gli errori in 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 {
}
}
Ora esegui il comando linting.
Esempio
\>Node\>TutorialsPoint> ng lint
Linting "TutorialsPoint"...
All files pass linting.