<p>ใน Chrome มี Extension ตัวนึงที่เทพมากๆ สำหรับคนใช้ Veu.js นั่นคือ <code>vue-devtool</code> เขียนใช้ก็ไปติดตั้งกันซะ</p>
<p>แต่ว่า เราจะเอามาติดใน electron ได้ไงล่ะ อย่างที่รู้ๆ electron มันคือ App ที่ครอบ Chrome ที่ครอบ App เราอีกชั้นนึงนั่นล่ะ แต่มันไม่มีหน้าติดตั้ง Extension แถมมาแน่ๆ วิธีติดตั้งมีดังนี้ครับ</p>
<p>เพิ่ม package ลง <code>devDependencies</code> ก่อน</p>
<pre class="language-bash"><code>npm i -S vue-devtools -D</code></pre>
<p>จากนั้น ติดตั้ง <code>vue-devtool</code> ที่ main process ของ electron ครับ</p>
<pre class="language-bash"><code>app.on('ready', () => {
if (process.env.NODE_ENV !== 'production') {
require('vue-devtools').install()
}
createWindow();
})</code></pre>
<p>เรียบร้อย</p>
<p>พอรันแอฟขึ้นมาก็จะเห็น <code>vue-devtool</code> ที่ตัว Developer Tools แบบนี้ครับ</p>
<p><img style="display: block; margin-left: auto; margin-right: auto;" src="/usercontents/image/NVZuaExnWHpTY1FvZUdndjZETklzRU1BY0ZhaFNrUXM4ZmZlV1ZpNXVubU5EeWp1S29XMlp2RU9zRmpldGRybHdkMVhIdVZVdUdjeFMyOUNYaVo2YlE9PQ,," /></p>
<p>จบครับ</p>