应用electron开发是很难不必到electron的模块，这样咱们就没法在浏览器中来实时预览成果了。在electron中想要察看vue的状态怎么办？

在elctron我的项目中集成vue-devtools工具

如果你会集成vue-devtools那么react的也不在话下。

本地编译vue-devtools

1.github传送门vue-devtools
2.

• 留神默认dev分之，须要切到master分之
• 装置依赖
• 编译

咱们须要的是

/vue-devtools/shells/chrome

把这个文件加考到咱们后面几章搭建好的electron我的项目中的自建devtools目录中

main线程中用插件加载vue-devtools(十分重要)

在main.js中这样加载vue-devtools

let uri =  path.resolve(process.cwd(), './devtools/chrome');
try {
    await electron.session.defaultSession.loadExtension(uri, {allowFileAccess: true});
}
catch (e) {
  //
}

产出一份dev模式的代码

npm run start

胜利加载，完满！！！