tinylibs.github.io

Vue 3 + TypeScript + Vite

يجب أن يساعد هذا القالب في الحصول على التطوير مع Vue 3 و TypeScript في Vite. يستخدم القالب Vue 3 <script setup> SFCs ، تحقق من مستندات إعداد البرنامج النصي لمعرفة المزيد.

موصى به IDE إعداد

• VS CODE + VOLAR (وتعطيل VETUR) + TypeScript VUE البرنامج المساعد (VOLAR).

اكتب دعم .vue

لا يمكن لـ TypeScript التعامل مع معلومات النوع لـ .vue واردات افتراضيًا ، لذلك نقوم باستبدال tsc CLI بـ vue-tsc للتحقق من النوع. في المحررين ، نحتاج إلى البرنامج المساعد TypeScript Vue (Volar) لجعل خدمة TypeScript Language على دراية بأنواع .vue .

إذا لم يكن المكون الإضافي المستقل TypeScript سريعًا بما يكفي لك ، فقد قام Volar أيضًا بتطبيق وضع الاستيلاء على الأداء. يمكنك تمكينه بالخطوات التالية:

1. تعطيل امتداد TypeScript المدمج
   1. Run Extensions: Show Built-in Extensions من لوحة أوامر VSCODE
   2. ابحث عن TypeScript and JavaScript Language Features ، انقر بزر الماوس الأيمن وحدد Disable (Workspace)
2. إعادة تحميل نافذة VSCODE عن طريق تشغيل Developer: Reload Window من لوحة الأوامر.