CLI angular - comando ng lint
Sintaxis
ng lint <project> [options]
ng l <project> [options]
ng lint ejecuta la herramienta linting en el código de la aplicación angular. Comprueba la calidad del código del proyecto angular especificado. Utiliza TSLint como herramienta de linting predeterminada y usa la configuración predeterminada disponible en el archivo tslint.json. Las opciones son parámetros opcionales.
Argumentos
No Señor. | Argumento y sintaxis | Descripción |
---|---|---|
1 | <proyecto> | El nombre del proyecto a lint. |
Opciones
No Señor. | Opción y sintaxis | Descripción |
---|---|---|
1 | --configuration = configuración | La configuración de pelusa que se utilizará. Alias: -c |
2 | --excluir | Archivos para excluir de las pelusas. |
3 | --archivos | Archivos para incluir en pelusa. |
4 | --fix = verdadero | falso | Corrige errores de pelusa (puede sobrescribir archivos con pelusa). Predeterminado: falso |
5 | --force = verdadero | falso | Tiene éxito incluso si hubo errores de pelusa. Predeterminado: falso |
6 | --format = formato | Formato de salida (prosa, json, elegante, detallado, pmd, msbuild, estilo de verificación, vso, lista de archivos). Predeterminado: prosa |
7 | --help = true | false | json | JSON | Muestra un mensaje de ayuda para este comando en la consola. Predeterminado: falso |
8 | --silent = verdadero | falso | Mostrar texto de salida. Predeterminado: falso |
9 | --tsConfig = tsConfig | El nombre del archivo de configuración de TypeScript. |
10 | --tslintConfig = tslintConfig | El nombre del archivo de configuración de TSLint. |
11 | --typeCheck = verdadero | falso | Controla el tipo de verificación de pelusa. Predeterminado: falso |
Primero muévase a un proyecto angular actualizado usando el comando ng build .
Actualice Goals.component.html y Goals.component.ts de la siguiente manera.
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>
Ahora ejecute el comando linting.
Ejemplo
\>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.
Aquí el comando ng lint ha verificado la calidad del código de la aplicación e imprime el estado de la pelusa.
Ahora corrija los errores en 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 {
}
}
Ahora ejecute el comando linting.
Ejemplo
\>Node\>TutorialsPoint> ng lint
Linting "TutorialsPoint"...
All files pass linting.