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 | <project> | 要检查的项目名称。 |
选项
Options 是可选参数。
| 序号 | 选项 & 语法 | 说明 |
|---|---|---|
| 1 | --configuration=configuration |
要使用的 linting 配置。 别名: -c |
| 2 | --exclude | 从 linting 中排除的文件。 |
| 3 | --files | 要包含在 linting 中的文件。 |
| 4 | --fix=true|false | 修复 linting 错误（可能会覆盖 linting 文件）。 默认值: false |
| 5 | --force=true|false |
即使存在 linting 错误也会成功。 默认值: false |
| 6 | --format=format |
输出格式（prose、json、stylish、verbose、pmd、msbuild、checkstyle、vso、fileslist）。 默认值: prose |
| 7 | --help=true|false|json|JSON |
在控制台中显示此命令的帮助消息。 默认值: false |
| 8 | --silent=true|false | 显示输出文本。 默认值: false |
| 9 | --tsConfig=tsConfig | TypeScript 配置文件的名称。 |
| 10 | --tslintConfig=tslintConfig | TSLint 配置文件的名称。 |
| 11 | --typeCheck=true|false |
控制 linting 的类型检查。 默认值: false |
首先移动到使用 ng build 命令更新的 Angular 项目。该项目可在 https://www.w3ccoo.com/angular_cli/angular_cli_ng_build.htm 中找到。
如下更新goals.component.html和goals.component.ts −
goals.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 {
}
}
goals.component.html
<p>{{title}}</p>
Now run the linting command.
示例
下面给出了 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 状态。
现在更正目标.component.ts 中的错误。
goals.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 {
}
}
现在运行 linting 命令。
示例
下面给出一个例子 −
\>Node\>TutorialsPoint> ng lint Linting "TutorialsPoint"... All files pass linting.
