ติดตั้ง vue-devtool ให้ electron

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

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

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

npm i -S vue-devtools -D

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

app.on('ready', () => {
  if (process.env.NODE_ENV !== 'production') {
    require('vue-devtools').install()
  }
  createWindow();
})

เรียบร้อย

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

จบครับ