ใน 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 แบบนี้ครับ
จบครับ