หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

การเรียนรู้-

เทมเพลตนี้จะช่วยให้คุณเริ่มพัฒนาด้วย Vue 3 ใน Vite

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

VSCODE + 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 จากจานคำสั่ง

ปรับแต่งการกำหนดค่า

ดูการอ้างอิงการกำหนดค่า VITE

การตั้งค่าโครงการ 

npm install

รวบรวมและโหลดร้อนเพื่อการพัฒนา 

npm run dev

ประเภทตรวจสอบรวบรวมและ minify สำหรับการผลิต 

npm run build

เรียกใช้การทดสอบหน่วยด้วย Vitest 

npm run test:unit

ผ้าสำลีกับ ESLINT 

npm run lint
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด