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.