tinylibs.github.io

Vue 3 + typescript + vite

เทมเพลตนี้จะช่วยให้คุณเริ่มพัฒนาด้วย Vue 3 และ typescript ใน Vite เทมเพลตใช้ Vue 3 <script setup> SFCs ตรวจสอบเอกสารการตั้งค่าสคริปต์เพื่อเรียนรู้เพิ่มเติม

การตั้งค่า IDE ที่แนะนำ

• VS CODE + VOLAR (และปิดการใช้งาน Vetur) + ปลั๊กอิน Vue TypeScript (Volar)

พิมพ์การสนับสนุนสำหรับ .vue นำเข้า. ใน TS

TypeScript ไม่สามารถจัดการข้อมูลประเภทสำหรับ .vue นำเข้า. โดยค่าเริ่มต้นดังนั้นเราจึงแทนที่ tsc CLI ด้วย vue-tsc สำหรับการตรวจสอบประเภท ในบรรณาธิการเราต้องใช้ปลั๊กอิน Vue TypeScript (Volar) เพื่อให้บริการภาษา TypeScript ตระหนักถึงประเภท. .vue

หากปลั๊กอิน typealone typealone ไม่รู้สึกเร็วพอสำหรับคุณ Volar ได้ใช้โหมด Take Over ที่มีประสิทธิภาพมากกว่า คุณสามารถเปิดใช้งานได้โดยขั้นตอนต่อไปนี้:

1. ปิดการใช้งานส่วนขยาย typescript ในตัว
   1. Run Extensions: Show Built-in Extensions จากจานคำสั่งของ VSCODE
   2. ค้นหา TypeScript and JavaScript Language Features คลิกขวาและเลือก Disable (Workspace)
2. โหลดหน้าต่าง VSCODE ใหม่โดยเรียกใช้ Developer: Reload Window จากจานคำสั่ง