เปิดฟังก์ชัน TypeScript Project Diagnostics เพื่อให้ Visual Studio Code ตรวจสอบ Syntax ของทุกไฟล์ในโปรเจค

wk
1 min readApr 21, 2020

--

ปกติไฟล์ TypeScript (.ts) ใน Visual Studio Code จะถูก Check ก็ต่อเมื่อมีการเปิดไฟล์ขึ้นมาแก้ไข โดยชื่อไฟล์จะถูก Highlight เป็นสีแดง ถ้ามี Error ในขณะที่ไฟล์อื่นจะไม่ถูก Scan

ตัวอย่าง

ในโปรเจคมีไฟล์ A.ts B.ts และ C.ts ที่ทุกไฟล์มี Syntax Error แต่โปรแกรม Highlight เฉพาะไฟล์ A.ts เนื่องจากไฟล์อื่นไม่ถูกโหลดขึ้นมาบน Editor

ถ้าต้องการให้โปรแกรม Scan ทุกไฟล์ ให้เปิดฟังก์ชัน Project Diagnostics ดังนี้

  1. เปิด Workspace settings โดยกดปุ่ม Command + Shift + P เลือก Open workspace settings
  2. เลือก Enable project wide error reporting

3. สังเกตที่ Side Bar จะเห็นว่าโปรแกรม Hightligh ทุกไฟล์ที่มี Error

--

--

No responses yet