- Angular CLI 教程
- Angular CLI - 主页
- Angular CLI - 概述
- Angular CLI - 环境设置
- Angular CLI 命令
- Angular CLI - ng 版本
- Angular CLI - ng 新
- Angular CLI - ng 帮助
- Angular CLI - ng 生成
- Angular CLI - ng 构建
- Angular CLI - ng run
- Angular CLI - ng 服务
- Angular CLI - ng lint
- Angular CLI - ng 测试
- Angular CLI - ng e2e
- Angular CLI - ng add
- Angular CLI - ng 分析
- Angular CLI - ng 配置
- Angular CLI - ng 文档
- Angular CLI - ng 更新
- Angular CLI - ng xi18n
- Angular CLI - 代码覆盖率
- Angular CLI 有用资源
- Angular CLI - 快速指南
- Angular CLI - 有用的资源
- Angular CLI - 讨论
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.