📋 محتويات الصفحة
📖 الوصف
Vue DevTools هي أداة رسمية لتصحيح وفحص تطبيقات Vue.js. تتيح لك استكشاف شجرة المكونات، حالة Vuex/Pinia، أحداث المكونات، وأكثر.
🎯 يستخدم في
مجالات استخدام هذه الأداة
فحص مكونات Vue
تعديل state و props
مراقبة Vuex/Pinia stores
تتبع الأحداث (emits)
تصحيح أخطاء Vue Router
✨ المميزات
أبرز مميزات هذه الأداة
عرض شجرة المكونات
تعديل state/props مباشرة
Vuex/Pinia time-travel debugging
Event inspector
Router inspector
Timeline tracing
Vue 3 و Composition API support
⚠️ العيوب
نقاط يجب مراعاتها
يعمل فقط مع Vue
قد يبطئ التطبيق أحياناً
يحتاج Vue في وضع التطوير
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# تثبيت
# Chrome: Vue.js devtools
# Firefox: Vue.js devtools
# في المشاريع (مدمج في التطوير):
npm install @vue/devtools📚 أدوات أخرى في DevTools
قد يعجبك أيضاً
Charles
⭐أداة intercept و debug لشبكة HTTP/HTTPS
Charles Proxy
⭐أداة Intercept و Debug لبروتوكول HTTP/HTTPS
Chrome DevTools
⭐أدوات مطوري الويب المتكاملة
Firefox DevTools
⭐أدوات مطوري الويب في Firefox
JSON Server
⭐مولد REST API وهمي (Mock REST API Generator)
Lighthouse
⭐أداة تحليل أداء وجودة المواقع