使用vue-devtools调试Electron程序

时间 2019-12-09

标签使用 vue devtools 调试 electron 程序繁體版

原文原文链接

举个例子：若是你用了ipc,在这里打断点日常是跑不到的，加上devtools才能够。vue

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

0.局部或全局安装node

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

详细信息可查看git

1.在vue前引入devtoolsshell

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

2.设置（暂时没用到）npm

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

3.在index.ejs文件中添加windows

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

4.执行cmd文件(有两个文件vue-devtools,vue-devtools.cmd，由于我是windows，因此找到文件位置直接双击运行便可)electron

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