Electron+Vue3+TypeScript+Vite桌面应用程序项目初始化初始化vite项目yarncreatevitetodolist--templatevue-ts[图片上传失败...(image-917e0-1652326973758)]cdtodolistyarnyarndev浏览器访问3000端口[图片上传失败...(image-ab0455-1652326973758)]安装Electronyarnadd-Delectronelectron-builderrimrafvite-plugin-electronelectron-devtools-installer如果觉得安装慢，
使用electron封装了前端界面之后，最终打包为一个客户端（exe）。但是，最近项目组内做CS（c++开发）的，想把所有的配置都放进安装目录的配置文件中（比如config.json）。这做法，对于纯前端而言有点难以接收。第一，纯前端不允许读取本地文件。就这一条，直接封死所有的路。第二，读取配置，前端可以通过可视化界面存入本地缓存，不必要读取本地文件。基于以上两点，我觉得读取本地文件不可能实现，况且时间紧任务重。奈何，前端话语权微乎其微。最后，我咬着牙，实现了一下读取本地文件的需求。如有更好的方案，可以私信评论。首先，纯js肯定干不了读取本地文件的事情。那么，只能用nodejs了。况且，ele
当前桌面软件技术有哪些？语言技术优点缺点C#wpf专业的桌面软件技术，功能强大学习成本高Javaswing/javaFx跨平台和语言流行GUI库少，界面不美观C++Qt跨平台，功能和类库丰富学习成本高Swift无非跨平台，文档不友好，UI库少JSelectron跨平台，入门简单，UI强大，扩展性强内存开销大，包体大。为什么使用electron？我们先来看一下electron技术的官方介绍：Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Win
electron应用打包成功纪念一下，以前曾经行过后来打包各种报错，现在有空就尝试解决一下首先安装nvm能够方便切换node版本curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh|bash顺利安装后你用nvmlist查看node列表时会告诉你这个nvm不存在解决办法:source~/.bashrc接着执行nvmlist可以，然后安装需要的版本npminstall8.16.2回到最初版本然后打包看各种错误errorwhileloadingsharedlibraries:libgconf-2.so.4sudo
一、安装node和npm运行cmd查看是否安装及版本号npm-vnode-v二、安装electronnpm直接安装会报错缺少什么文件，使用cnpm进行安装直接安装cnmp后，再用cnmp命令安装可能会报错Error:Cannotfindmodule‘node:util’原因是npm版本与cnpm版本，先卸载再指定版本安装//卸载原先版本npmuninstallcnpm//安装指定版本npminstall-gcnpm@6.0.0--registry=https://registry.npm.taobao.org//查看安装版本cnpm-v//全局安装electroncnpminstall-gel
将Puppeteer的可执行路径设置为Electron的可执行路径来实现这一点以下是一个示例代码，展示了如何在Puppeteer中使用Electron的浏览器二进制文件：constpuppeteer=require('puppeteer-core');(async()=>{//设置Electron的可执行路径constexecutablePath='/path/to/electron';//启动Puppeteer，并将可执行路径设置为Electron的可执行路径constbrowser=awaitpuppeteer.launch({executablePath,});//进行其他操作...aw
目标：前端将静态页面文件夹所有页面打包成一个exe文件（不包含其它文件）可运行。步骤1、初始化npminit此时项目多出一个package.json文件。{"name":"my-electron-app","version":"1.0.0","description":"HelloWorld!","main":"main.js","scripts":{"start":"electron."},"author":"JaneDoe","license":"MIT","devDependencies":{"electron":"^18.0.4"}}2、在根目录下新建main.jsconst{app,
问题描述打包后的项目启动之后，背景图片没有成功加载，只有一片空白。此时打开调试工具可以看到,electron自动把图片路径加上了/img/ 我们这时打开打包后的dist_electron文件夹，打开bundled\img目录, 这就是上面报错的路径。 解决方法:对于背景图片,不要使用如下background:url('..')的形式,这样写会在npmrunelectron:build打包之后，背景图片路径找不到。.box{background:url('@/assets/mainbg.png');//错误写法background-size:cover;width:100%;height:10
一、ElectronElectron是一个基于Web技术的跨平台桌面应用程序开发框架。它使用HTML、CSS和JavaScript来构建应用程序界面，并借助Chromium渲染引擎提供强大的页面渲染能力。Electron的主要特点包括：跨平台：Electron可以在Windows、macOS和Linux等多个主流操作系统上运行，为开发者提供了广泛的目标平台选择。Web技术栈：Electron使用Web技术栈进行开发，开发者可以利用熟悉的前端工具和框架来构建应用程序界面。大量的开发者社区和资源：由于Electron的流行和活跃的社区，开发者可以轻松获得丰富的插件、工具和文档资源。适用场景：Ele
代码说明在preload.js代码中，暴露参数给渲染线程renderer.js访问， renderer.js 报：ERROR:ssl_client_socket_impl.cc(978)] failed;returned-1,SSLerrorcode1,错误问题原因如题所说，跨进程传递消息，这意味着访问将尝试建立一个不安全的连接，而ssl证书验证失败，无法建立连接。所以我们要做的是：如何让electron允许建立不安全的连接解决方法在建立连接之前，先设置忽略认证异常，即修改代码如下：
