การสนับสนุน Typescript สำหรับ Visual Studio 2017

ฉันเพิ่งพยายามที่จะเรียนรู้ TypeScript และในบางวิดีโอที่ฉันได้ดู หลังจากติดตั้งส่วนขยาย 'Web Essentials' เมื่อทำงานกับไฟล์ .ts Visual Studio จะให้แผงพรีวิวเพื่อให้คุณสามารถเห็น JavaScript ขณะที่คุณพิมพ์

วิดีโอเหล่านี้ดูเหมือนจะใช้ VS 2012

อย่างไรก็ตาม การติดตั้ง Web Essentials บน VS 2017 ดูเหมือนไม่มีตัวเลือกนี้ มีใครรู้ไหมว่าฉันสามารถทำให้มันทำงานใน VS 2017 ได้อย่างไร? มันมีการสนับสนุน TypeScript เหมือนกันหรือไม่?

คำตอบ #1

ดังนั้น TypeScript จะถูกติดตั้งโดยค่าเริ่มต้นกับ VS2017 (อัปเดต 2 จะให้เวอร์ชันล่าสุดของ 2.3 และอนุญาตให้ติดตั้งคู่ขนานได้) หากคุณไม่มี คุณสามารถเพิ่มได้ผ่าน Visual Studio Installer - จากตัวติดตั้งให้คลิกเมนูแฮมเบอร์เกอร์และเลือกแก้ไข จากนั้นคลิกส่วนประกอบแต่ละรายการ และภายใต้ SDKs, Libraries, และ Frameworks คุณสามารถเพิ่ม TypeScript ได้

เมื่อทำการติดตั้งแล้ว คุณสามารถเพิ่มไฟล์ tsconfig.json เพื่อบอกตัวคอมไพเลอร์ TypeScript ว่าควรทำงานอย่างไร ตัวอย่างดังนี้:

{
    "compileOnSave": true,
    "compilerOptions":
    {
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "target": "es5"
    },
    "exclude":
    [
        "node_modules"
    ]
}

การตั้งค่าที่สำคัญคือ compileOnSave ซึ่งบอก VS ให้คอมไพล์ไฟล์ js เมื่อคุณบันทึกไฟล์ ts

คุณควรจะเห็นตอนนี้ว่าคุณมีไฟล์ Javascript ซ้อนอยู่ภายในไฟล์ TypeScript ของคุณ:

ตอนนี้คุณเพียงแค่ต้องเปิดไฟล์ทั้งสองข้างกันและเมื่อคุณบันทึกไฟล์ ts ไฟล์ js จะอัปเดตโดยอัตโนมัติ (การเลือกตัวเลือกให้ปรับปรุงเสมอจะช่วยได้หาก VS เตือนให้คุณโหลดไฟล์ที่เปลี่ยนแปลงในดิสก์)

คำตอบ #2

ผมเห็นว่าคำถามของคุณเกี่ยวกับ VS 2017 และผมไม่พบเอกสารใด ๆ เกี่ยวกับ VS 2017 เพื่อยืนยันว่ามันถูกเพิ่มกลับมาหรือไม่ อย่างไรก็ตาม ผมพบว่าสิ่งนี้ถูกลบออกใน VS 2015 ดูลิงก์นี้บน Github