package.json"name":"billingapp","version":"1.0.0","description":"","main":"index.js","scripts":{"rebuild":"electron-rebuild-f-wbillingapp"},"author":"SKundu","license":"ISC","dependencies":{"electron":"^1.7.11","sqlite3":"^3.1.13"}"devDependencies":{"electron-rebuild":"^1.7.3"}index.jsconstelect
1.先看配置（electron-vue）打包使用的是electron-builderpackage.json:{..."scripts":{"build:darwin":"node.electron-vue/build.js&&electron-builder--mac",...},"build":{"productName":"xxxx","artifactName":"xxxx-${os}-${version}.${ext}","appId":"com.xxx.tm","directories":{"output":"build"},"copyright":"Copyright©2022x
1.先看配置（electron-vue）打包使用的是electron-builderpackage.json:{..."scripts":{"build:darwin":"node.electron-vue/build.js&&electron-builder--mac",...},"build":{"productName":"xxxx","artifactName":"xxxx-${os}-${version}.${ext}","appId":"com.xxx.tm","directories":{"output":"build"},"copyright":"Copyright©2022x
本文主要记录在使用electron访问http网址（非https）时，应用窗口不显示网页，命令行提示handshakefailed;returned-1,SSLerrorcode1,文章目录问题说明代码说明程序运行结果问题原因解决方法问题说明代码说明在electron的入口函数中，创建了一个窗口，然后使用loadURL加载一个互联网上的网页，代码如下：const{app,BrowserWindow}=require('electron')constcreateWindow=()=>{constwin=newBrowserWindow({width:800,height:600})win.loa
Cannotfindmodules原因：应该写在dependencies里的写在了devDependencies，或者相反。有些依赖写反了是可以运行的，但是打包不行在Electron项目中的package.json文件中，dependencies和devDependencies都是用来声明应用程序所依赖的npm包的。它们之间的区别在于：dependenciesdependencies是指应用程序在运行时所需要的依赖包，它们会被打包到最终的应用程序中。这些依赖包通常是应用程序的核心功能所需要的库和框架，例如Electron本身以及应用程序所依赖的第三方库。当用户安装应用程序时，这些依赖包会被一起
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助背景因为我们日常开发项目的时候，需要和同事对接api和文档还有UI图，所以有时候要同时打开多个窗口，并在多个窗口中切换，来选择自己要的信息，如果api和文档不多的情况还好，但是有时候就是要做大量的页面，为了提升效率我决定自己做一个截图工具，并把自己要的信息截图钉在窗口上。在做之前先看看最终展示效果吧：先是截图截图后的图片展示工具nodejspnpmelectronvitereact实现原理逻辑其实也并不难理解，首先是主窗体发起截图请求，然后会打开另一个负责截图透明且全屏的窗体，唤起后透明窗体会让electron截取整个屏幕发给逻辑页面
开发新版本Vue项目推荐你使用Vite脚手架构建开发环境，然而Vite脚手架更倾向于构建纯Web页面，而不是桌面应用，因此开发者要做很多额外的配置和开发工作才能把Electron引入到Vue项目中，这也是很多开发者都基于开源工具来构建Electron+Vue的开发环境的原因。但这样做有两个问题：第一个是这些开源工具封装了很多技术细节，导致开发者想要修改某项配置非常不方便；另一个是这些开源工具的实现方式我认为也并不是很好。所以，我还是建议你尽量自己写代码构建Electron+Vue的开发环境，这样可以让自己更从容地控制整个项目。具体应该怎么做呢？接下来我将带你按如下几个步骤构建一个Vite+El
开发新版本Vue项目推荐你使用Vite脚手架构建开发环境，然而Vite脚手架更倾向于构建纯Web页面，而不是桌面应用，因此开发者要做很多额外的配置和开发工作才能把Electron引入到Vue项目中，这也是很多开发者都基于开源工具来构建Electron+Vue的开发环境的原因。但这样做有两个问题：第一个是这些开源工具封装了很多技术细节，导致开发者想要修改某项配置非常不方便；另一个是这些开源工具的实现方式我认为也并不是很好。所以，我还是建议你尽量自己写代码构建Electron+Vue的开发环境，这样可以让自己更从容地控制整个项目。具体应该怎么做呢？接下来我将带你按如下几个步骤构建一个Vite+El
问题:在使用Electron进行开发时，当您尝试使用任何需要jQuery的JS插件时，该插件找不到jQuery，即使您使用脚本标签加载到正确的路径也是如此。例如，Clickme!...//jQueryshouldbeloadednow$("#click-me").click(()=>{alert("Clicked")});运行上面的这段代码是行不通的。事实上，打开DevTools，转到控制台View，然后单击元素。你应该看到function$isnotdefined或类似的东西。 最佳答案 IMO更好更通用的解决方案:if(type
问题:在使用Electron进行开发时，当您尝试使用任何需要jQuery的JS插件时，该插件找不到jQuery，即使您使用脚本标签加载到正确的路径也是如此。例如，Clickme!...//jQueryshouldbeloadednow$("#click-me").click(()=>{alert("Clicked")});运行上面的这段代码是行不通的。事实上，打开DevTools，转到控制台View，然后单击元素。你应该看到function$isnotdefined或类似的东西。 最佳答案 IMO更好更通用的解决方案:if(type
