当前位置: 首页 > Web前端 > HTML

Electron开发简单应用

时间:2023-03-28 10:37:39 HTML

Electron简介官网:https://www.electronjs.org/Electron是一个基于Chromium和Node.js的技术框架,可以使用HTML、CSS和JavaScript构建跨平台应用,兼容适用于Mac、Windows和Linux。官方快速入门示例:克隆示例项目的仓库gitclonehttps://github.com/electron/electron-quick-start进入仓库cdelectron-quick-start安装依赖并运行npminstall&&npmstartElectron使用Vue开发步骤创建Vue项目vuecreateelectron-demoinstallelectronvueaddelectron-builder出现配置项后选择11.0.0?选择ElectronVersion(Usearrowkeys)^11.0.0^12.0.0^13.0.0运行项目npmrunelectron:servestart可能需要很长时间,出现如下信息:Thisisbecauseitisrequeststoinstallvuejs开发工具插件。需要科学上网才能安装成功。不能科学上网也没关系,耐心等待5次请求失败后自动跳过。现在可以使用在electron中开发配置Vue项目配置修改background.js修改APP窗口大小:取消跨域限制:取消菜单栏:在windows下,菜单栏在APP窗口的最上方;在macOS中,菜单栏位于计算机屏幕的顶部。由于macOS的特殊性,顶部菜单栏无法删除,所以我们专门针对macOS进行处理,只保留菜单栏“关于”和“退出”。项目打包生成可执行文件npmrunelectron:build生成的文件夹和文件Electron开发过程中可能会遇到的问题如何配置node的使用环境需要在后台打开node。资料分享本人开发的一款桌面工具Git地址:https://github.com/Lin-Jiaxia...由于npminstall可能会遇到electron下载失败的问题,需要使用cnpminstallelectron运行:npmrunelectron:serve编译:npmrunelectron:构建vue、node、electron涉及的技术栈打包工具:electron-builder功能点:上传固定格式的txt文件,在桌面生成对应的mp3文件,应用到企业微信审批表格式,请假,工具添加加班申请表,桌面生成pdf,每页最多6个审批表