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.