ویو دِو تولز (Vue Devtools) نسخه ۵.۰ منتشر شد

ویو جِی‌اِس
ویو جِی‌اِس

گیوم چاو (Guillaume Chau) یکی از اعضای اصلی تیم توسعه فریم‌ورک ویو جِی‌اِس (Vue Js) ، اخیرا اعلام کرد که ویو دِو تولز (Vue Devtools) نسخه ۵.۰ برای گوگل کروم و فایرفاکس منتشر شده است.

ویو دِو تولز (Vue Devtools) یک افزونه مرورگر است که برای اشکال‌زدایی (Debugging) اپلیکیشن‌ های نوشته شده با فریم‌ورک ویو جِی‌اِس، استفاده می‌شود. در واقع کاربردی ترین گزینه شما برای طراحی ساختار برنامه، اطلاع از پراپ‌ها و استیت‌های کامپوننت‌ها، مشاهده رویداد‌ها و البته دیباگینگ همین ویو دو تولز هست; اگر شما با ویو جِی‌اِس کار می‌کنید و از این ابزار استفاده نمی‌کنید، پیشنهاد من رو بپذیرید و هر چه سریعتر این افزونه رو روی مرورگرتون نصب کنید.
Vue Devtools 5
Vue Devtools 5

شما می‌توانید لسیت کاملی از امکانات جدید و تغییرات (برگرفته از یادداشت‌های انتشار نسخه ۵.۰ در گیت‌هاب) را در زیر مشاهده کنید.


اضافه شده:

  • تَب Routing گیت‌هاب: (۷۳۵#)
  • تَب Performance گیت‌هاب: (۷۳۳#)
  • تَب Settings گیت‌هاب: (۷۱۳#)
  • استیت های قابل ویرایش برای VueX گیت‌هاب: (۷۲۴#)
  • نمایش تنظیمات تراکم ها
  • پشتیبانی اولیه از اسکریپت‌های بومی (۷۳۲#)
  • مشاهده Ref ها در پنل توسعه دهندگان Vue گیت‌هاب: (۷۴۹#)
  • افزودن $attrs به StateInspector گیت‌هاب: (۷۳۴#) و (۸۶۱#)
  • فیلتر عبارات با قاعده در تَب Events گیت‌هاب: (۸۳۸#)
  • قابل ویرایش ساختن Prop ها (۶۶۹#) و (۸۱۳#)
  • تنظیمات جهت شناسایی ویو دِو تولز (۶۸۵#) و (۸۱۱#)


بهبود یافته:

  • تَب‌های Events و VueX عملکرد بسیار سریعتری دارند و از حافظه کمتری استفاده می‌کنند. (۷۲۱#)
  • با انجام Collapse / Expand تمام اِلِمان‌ های فرزند تحت تاثیر قرار خواهند گرفت. (۷۱۵#)
  • کامپوننت‌های فانکشنال در درخت کامپوننت‌ها (Component Tree) نمایش داده می‌شوند. (۷۱۹#)
  • نوع تعاریف (Type Definitions) برای اپ الکترون (Electron App) اضافه شده است. (۸۳۶#)