在前面的文章中,苏南大叔已经和大家分享了:对electron+vue的demo进行构建的相关经验。在本文中,苏南大叔和大家分享的是:electron项目的调试经验。

全局安装electron框架

npm install electron -g
cnpm install electron -g 
yarn add global electron

任选一条语句,全局安装electron即可。安装完毕后,使用electron命令能够跳出默认对话框即可。

苏南大叔:调试运行 electron 项目的几种姿势 - electron
调试运行 electron 项目的几种姿势(图3-1)

特别提示

对于一个正常的electron程序来说,开发者在开发过程中,很有可能会碰到三个版本的electron。而这三个不同的electron之间肯定存在着版本差异,导致一些不可思议的事情发生。那么,很多小白也掉坑掉在这里。所以,请各位小白,仔细想想自己到底用的是哪个electron,整个开发周期内的electron版本是否一致。

  • 全局的electron,一般是普通的调试模式下用electron .这个命令用到的。
  • 局部的electron,一般位于node_modules/.bin/下面。用vscode调试或者npm run xxx调试时,比较可能用到的时这个版本的electron
  • 打包时的electron,因为无论是electron-packager还是electron-builder。都是可以单独指定electron的版本号的。那么,结果很有可能就会导致,指定的版本号和调试的版本号是不一致的。

https://newsn.net/say/electron-packager-control-version.html

总结

当然,如果electron项目最终build成可执行文件之后,双击即可,是并不需要上述这些不同姿势的。
欢迎继续关注苏南大叔的electron系列文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron

本站的忠实读者小伙伴,正在阅读下面这些文章: