Angular CLI-nglintコマンド
構文
ng lint <project> [options]
ng l <project> [options]
ng lintは、Angularアプリコードでlintingツールを実行します。指定されたAngularプロジェクトのコード品質をチェックします。TSLintをデフォルトのリンティングツールとして使用し、tslint.jsonファイルで利用可能なデフォルトの構成を使用します。オプションはオプションのパラメータです。
引数
シニア番号 | 引数と構文 | 説明 |
---|---|---|
1 | <プロジェクト> | lintするプロジェクトの名前。 |
オプション
シニア番号 | オプションと構文 | 説明 |
---|---|---|
1 | --configuration = configuration | 使用するリンティング構成。 エイリアス:-c |
2 | -除外する | リンティングから除外するファイル。 |
3 | -ファイル | リンティングに含めるファイル。 |
4 | --fix = true | false | リンティングエラーを修正しました(リントされたファイルを上書きする可能性があります)。 デフォルト:false |
5 | --force = true | false | リンティングエラーがあった場合でも成功します。 デフォルト:false |
6 | --format = format | 出力形式(prose、json、stylish、verbose、pmd、msbuild、checkstyle、vso、fileslist)。 デフォルト:散文 |
7 | --help = true | false | json | JSON | このコマンドのヘルプメッセージをコンソールに表示します。 デフォルト:false |
8 | --silent = true | false | 出力テキストを表示します。 デフォルト:false |
9 | --tsConfig = tsConfig | TypeScript構成ファイルの名前。 |
10 | --tslintConfig = tslintConfig | TSLint構成ファイルの名前。 |
11 | --typeCheck = true | false | リンティングのタイプチェックを制御します。 デフォルト:false |
使用して更新された角度のプロジェクトへの最初の移動ngのビルドコマンドを。
以下のようにgoals.component.htmlとgoals.component.tsを更新します。
ゴール.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 {
}
}
ゴール.component.html
<p>{{title}}</p>
次に、lintingコマンドを実行します。
例
\>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コマンドはアプリケーションのコード品質をチェックし、リンティングステータスを出力します。
ここで、goals.component.tsのエラーを修正します。
ゴール.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.