เว็บสตอร์ม - การเปิดใช้งาน Eslint บนไฟล์ไทป์สคริปต์

ในการตั้งค่า eslint ของ webstorm มีช่อง "ตัวเลือก eslint เพิ่มเติม" ในช่องนี้ ฉันได้เพิ่ม:

--ext .ts

จากเอกสารของ eslint ซึ่งควรอนุญาตให้ eslint ทำงานกับนามสกุลไฟล์ที่กำหนดเอง ในกรณีนี้คือไฟล์ .ts สิ่งนี้ไม่ได้ผล ไวยากรณ์ของฉันผิดหรือไม่ ? มีวิธีใดที่จะเปิดใช้งาน Eslint กับไฟล์ .ts บ้าง บางทีอาจทำจากไฟล์ .eslintrc ?

คำตอบ #1

--ext อนุญาตให้ใช้ส่วนขยายจาวาสคริปต์แบบกำหนดเอง คุณไม่สามารถบังคับให้ ESLint ทำงานกับภาษานอกเหนือจาก JavaScript โดยการส่งนามสกุลไฟล์ที่ต่างออกไปให้กับมัน

คุณสามารถลองใช้ typescript-eslint-parser เพื่อเปิดใช้งาน ESLint สำหรับ Typescript - มันอนุญาตให้สร้างต้นไม้ไวยากรณ์จากโค้ด typescript ที่สามารถส่งไปยัง ESLint สำหรับการตรวจสอบโค้ด

แต่ฉันขอแนะนำให้ใช้ตัวตรวจสอบโค้ด TypeScript สำหรับตรวจสอบโค้ด TypeScript คุณสามารถลองใช้ TSLint เป็นตัวอย่าง

อัปเดต: ตั้งแต่ 2017.1.3 WebStorm รองรับ ESLint + typescript-eslint-parser; คุณเพียงแค่ต้องติดตั้งปลั๊กอิน typescript และ typescript-eslint-parser ทั้งสอง และแก้ไขการตั้งค่า ESLint ของคุณตามที่เหมาะสม:

"parser": "typescript-eslint-parser",
"plugins": ["typescript"]