Angular CLI - ng lint 命令


本章通过示例解释了 ng lint 命令的语法、参数和选项。

句法

ng lint 命令的语法如下 -

ng lint <project> [options]
ng l <project> [options]

ng lint 在 Angular 应用程序代码上运行 linting 工具。它检查指定的角度项目的代码质量。它使用 TSLint 作为默认 linting 工具,并使用 tslint.json 文件中提供的默认配置。

论点

ng lint 命令的参数如下 -

先生。 参数和语法 描述
1 <项目> 要 lint 的项目名称。

选项

选项是可选参数。

先生。 选项和语法 描述
1 --configuration=配置

要使用的 linting 配置。

别名:-c

2 - 排除 从 linting 中排除的文件。
3 --文件 要包含在 linting 中的文件。
4 --修复=真|假 修复 linting 错误(可能会覆盖 linting 文件)。

默认值:假

5 --force=true|false

即使存在 linting 错误,也会成功。

默认值:假

6 --格式=格式

输出格式(散文、json、时尚、详细、pmd、msbuild、checkstyle、vso、文件列表)。

默认:散文

7 --help=true|false|json|JSON

在控制台中显示此命令的帮助消息。

默认值:假

8 --沉默=真|假

显示输出文本。

默认值:假

9 --tsConfig=tsConfig TypeScript 配置文件的名称。
10 --tslintConfig=tslintConfig TSLint 配置文件的名称。
11 --typeCheck=true|false

控制 linting 的类型检查。

默认值:假

首先转到使用ng build命令更新的 Angular 项目。该命令位于 https://www.tutorialspoint.com/angular_cli/angular_cli_ng_build.htm。

更新 goal.component.html 和 goal.component.ts 如下 -

目标.组件.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 {
   }
}

目标.component.html

<p>{{title}}</p>

现在运行 linting 命令。

例子

下面给出了 ng lint 命令的示例 -

\>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 状态。

现在更正 goal.component.ts 中的错误。

目标.组件.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.