如果不使用electron模块,用electron开发是非常困难的,所以我们无法在浏览器中实时预览效果。想在electron中观察vue的状态怎么办?在elctron项目中集成vue-devtools工具如果能集成vue-devtools,那么react就不是问题了。本地编译vue-devtools1.github传送门vue-devtools2。注意需要将默认的dev部分切割成master部分进行安装和依赖编译。我们需要的是/vue-devtools/shells/chrome。将这个文件添加到我们之前的章节中,在构建的electron项目的自建devtools目录中,在主线程中加载带有插件的vue-devtools(非常重要)。加载vue-devtoolsleturi=path.resolve(process.cwd(),'./devtools/chrome');try{awaitelectron.session.defaultSession.loadExtension(uri,{allowFileAccess:true});}catch(e){//}生成开发模式代码npmrunstart成功加载,完美!!!
