这里写自定义目录标题简介安装打包更多配置配置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-
前言先说几句废话，本人是一名web后端开发，主语言是java，在学Electron之前，只会一点点HTML和JavaScript。本文讲的也是我学习Electron的过程，而非教程，请酌情参考。Electron是什么Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入 Chromiu和 Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。前置准备下面列举一下学electron之前需要掌握哪些技能：独立开发一个页面的能力HTML+JS+CS
前言先说几句废话，本人是一名web后端开发，主语言是java，在学Electron之前，只会一点点HTML和JavaScript。本文讲的也是我学习Electron的过程，而非教程，请酌情参考。Electron是什么Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入 Chromiu和 Node.js到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。前置准备下面列举一下学electron之前需要掌握哪些技能：独立开发一个页面的能力HTML+JS+CS
