Angular CLI - คำสั่งผ้าสำลี

ไวยากรณ์

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

ng lint เรียกใช้ linting tool บนโค้ดแอพเชิงมุม ตรวจสอบคุณภาพรหัสของโครงการเชิงมุมที่ระบุ มันใช้ TSLint เป็นเครื่องมือการขุยเริ่มต้นและใช้การกำหนดค่าเริ่มต้นที่มีอยู่ในไฟล์ tslint.json ตัวเลือกคือพารามิเตอร์ที่เป็นทางเลือก

อาร์กิวเมนต์

ซีเนียร์	อาร์กิวเมนต์และไวยากรณ์	คำอธิบาย
1	<โครงการ>	ชื่อของโครงการที่จะขุย

ตัวเลือก

ซีเนียร์	ตัวเลือกและไวยากรณ์	คำอธิบาย
1	--configuration = การกำหนดค่า	การกำหนดค่าผ้าสำลีที่จะใช้ นามแฝง: -c
2	--ไม่รวม	ไฟล์ที่จะแยกออกจากการเป็นขุย
3	- ไฟล์	ไฟล์ที่จะรวมไว้ในผ้าสำลี
4	--fix = จริง | เท็จ	แก้ไขข้อผิดพลาดที่เป็นขุย (อาจเขียนทับไฟล์ที่เป็นขุย) ค่าเริ่มต้น: เท็จ
5	- บังคับ = จริง | เท็จ	ประสบความสำเร็จแม้ว่าจะมีข้อผิดพลาดที่เป็นขุยก็ตาม ค่าเริ่มต้น: เท็จ
6	--format = รูปแบบ	รูปแบบผลลัพธ์ (ร้อยแก้ว, json, สไตล์, verbose, pmd, msbuild, checkstyle, vso, fileslist) ค่าเริ่มต้น: ร้อยแก้ว
7	--help = true | false | json | JSON	แสดงข้อความวิธีใช้สำหรับคำสั่งนี้ในคอนโซล ค่าเริ่มต้น: เท็จ
8	--silent = จริง | เท็จ	แสดงข้อความผลลัพธ์ ค่าเริ่มต้น: เท็จ
9	--tsConfig = tsConfig	ชื่อของไฟล์คอนฟิกูเรชัน TypeScript
10	--tslintConfig = tslintConfig	ชื่อของไฟล์คอนฟิกูเรชัน TSLint
11	--typeCheck = จริง | เท็จ	ควบคุมการตรวจสอบชนิดของผ้าสำลี ค่าเริ่มต้น: เท็จ

ขั้นแรกให้ย้ายไปยังโครงการเชิงมุมที่อัปเดตโดยใช้คำสั่งng build

อัปเดต goal.component.html และ 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 {
   }
}

goal.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 ได้ตรวจสอบคุณภาพโค้ดของแอพพลิเคชั่นและพิมพ์สถานะ linting

ตอนนี้แก้ไขข้อผิดพลาดใน 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 {
   }
}

ตอนนี้เรียกใช้คำสั่ง linting

ตัวอย่าง

\>Node\>TutorialsPoint> ng lint
Linting "TutorialsPoint"...
All files pass linting.