使用vue-devtools調試Electron程序

舉個例子：若是你用了ipc,在這裏打斷點日常是跑不到的，加上devtools才能夠。

ipcRenderer.on('getAutoStartValue', (event, result) => {
    this.autoStart = result
})

0.局部或全局安裝

npm install -g @vue/devtools
npm install --save-dev @vue/devtools

詳細信息可查看

https://github.com/vuejs/vue-devtools/blob/master/shells/electron/README.md

1.在vue前引入devtools

import devtools from '@vue/devtools'
import Vue from 'vue'

2.設置（暫時沒用到）

if (process.env.NODE_ENV === 'development') {
    devtools.connect('localhost', '9080')
}

3.在index.ejs文件中添加

<script src="http://localhost:8098"></script>

4.執行cmd文件(有兩個文件vue-devtools,vue-devtools.cmd，由於我是windows，因此找到文件位置直接雙擊運行便可)

./node_modules/.bin/vue-devtools.cmd