ใน Chrome มี Extension ตัวนึงที่เทพมากๆ สำหรับคนใช้ Veu.js นั่นคือ vue-devtool ใช้เขียนก็ไปติดตั้งกันซะ

แต่ว่า เราจะเอามาติดใน electron ได้ไงล่ะ อย่างที่รู้ๆ electron มันคือ App ที่ครอบ Chrome ที่ครอบ App เราอีกชั้นนึงนั่นล่ะ แต่มันไม่มีหน้าติดตั้ง Extension แถมมาแน่ๆ วิธีติดตั้งมีดังนี้ครับ

เพิ่ม package ลง devDependencies ก่อน

จากนั้น ติดตั้ง vue-devtool ที่ main process ของ electron ครับ

เรียบร้อย

พอรันแอฟขึ้นมาก็จะเห็น vue-devtool ที่ตัว Developer Tools แบบนี้ครับ

จบครับ