应用 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

胜利加载，完满！！！