ElectronElectron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架安装在使用Electron进行开发之前，需要安装Node.js，可以在终端输入以下命令输出了Node.js和npm的版本信息：node-vnpm-v没有安装的话，可以点击此处的安装教程接下来就是安装Electron：我们可以两种安装方式全局安装npminstallelectron-g【加g是全局安装，自动添加到环境变量中】可以通过输入以下命令，弹出类似浏览器的程序，来验证安装成功：electron如果遇到npm安装Electron很慢或者出错可以使用淘宝镜像安装：npminstall-gele
ElectronElectron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架安装在使用Electron进行开发之前，需要安装Node.js，可以在终端输入以下命令输出了Node.js和npm的版本信息：node-vnpm-v没有安装的话，可以点击此处的安装教程接下来就是安装Electron：我们可以两种安装方式全局安装npminstallelectron-g【加g是全局安装，自动添加到环境变量中】可以通过输入以下命令，弹出类似浏览器的程序，来验证安装成功：electron如果遇到npm安装Electron很慢或者出错可以使用淘宝镜像安装：npminstall-gele
这里写自定义目录标题简介安装打包更多配置配置vue项目vue-vite的打包单页面应用vue-vite的打包多页面应用多平台打包mac、win、lunix等forge配置项electron-builder配置项简介文章更新与2023年2月12日。【打包需要连接外网的资源，需要翻墙。翻不了墙的可以自己查找一下解决方案】electron官网：https://www.electronjs.orgelectronforge官网：https://www.electronforge.ioelectronbuilder官网：https://www.electron.build/环境要求：git、node@1
这里写自定义目录标题简介安装打包更多配置配置vue项目vue-vite的打包单页面应用vue-vite的打包多页面应用多平台打包mac、win、lunix等forge配置项electron-builder配置项简介文章更新与2023年2月12日。【打包需要连接外网的资源，需要翻墙。翻不了墙的可以自己查找一下解决方案】electron官网：https://www.electronjs.orgelectronforge官网：https://www.electronforge.ioelectronbuilder官网：https://www.electron.build/环境要求：git、node@1
vivo互联网前端团队-YangKun一、背景在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以Windows、macOS和Linux为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的开发方式主要有Native、QT、Flutter、NW、Electron、Tarui。其各自优劣势如下表格所示：我们最终的桌面端技术选型是Electron，Electron是一个可以使用Web技术来开发跨平台桌面应用的开发框架。其技术组成如下：Electron=Chromium+Node.js+NativeAPI各技术能力如下图所示：整体架构如
vivo互联网前端团队-YangKun一、背景在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以Windows、macOS和Linux为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的开发方式主要有Native、QT、Flutter、NW、Electron、Tarui。其各自优劣势如下表格所示：我们最终的桌面端技术选型是Electron，Electron是一个可以使用Web技术来开发跨平台桌面应用的开发框架。其技术组成如下：Electron=Chromium+Node.js+NativeAPI各技术能力如下图所示：整体架构如
发现问题通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字，但此时想自定义汉字名称，通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称，汉字会报错无法打包。踩坑过程在网上翻阅后发现有人直接在package.json中这样添加build："scripts":{//...},"build":{"productName":"xxx","appId":"xxx",//...},这其实是个大坑，我尝试后发现会报错无效配置：InvalidConfigurationError:'b
发现问题通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字，但此时想自定义汉字名称，通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称，汉字会报错无法打包。踩坑过程在网上翻阅后发现有人直接在package.json中这样添加build："scripts":{//...},"build":{"productName":"xxx","appId":"xxx",//...},这其实是个大坑，我尝试后发现会报错无效配置：InvalidConfigurationError:'b
准备工作下载electron-v9.4.4-win32-ia32.ziphttps://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache目录下下载winCodeSignhttps://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/解压放到C:\Users\Admin\AppData\Local\electron-
准备工作下载electron-v9.4.4-win32-ia32.ziphttps://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache目录下下载winCodeSignhttps://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/解压放到C:\Users\Admin\AppData\Local\electron-
