当前位置: 首页 > 后端技术 > Node.js

用electron开发一个excel比较工具

时间:2023-04-03 11:44:31 Node.js

elecrton是什么?【摘自官网】Electron是Github开发的一个开源库,使用HTML、CSS和JavaScript构建跨平台的桌面应用程序。Electron通过将Chromium和Node.js合并到相同的运行时环境并将其打包为适用于Mac、Windows和Linux的应用程序来实现这一点。简而言之:使用JavaScript、HTML和CSS构建跨平台桌面应用程序。electron中文官网地址electrton有什么特点?桌面应用前端开发选择electron有哪些优势?Web技术Electron基于Chromium和Node.js,允许您使用HTML、CSS和JavaScript构建应用程序。所以,对于前端工程师来说,亲水有先天的优势。开源、跨平台如果你想在linux、mac、window下开发一个UI和功能统一的桌面应用,使用electron可以方便快捷的构建不同平台的安装包。nodeJs的完美整合引用了npm官网的一句话“Buildamazingthings”。你可以在项目中使用任何前端框架和npm中的所有模块,例如:ffi模块调用dll文件,让你的应用的原生功能更加强大和可扩展。性更好。electron和nw.jsd如何选择?项目不需要兼容WinXP?果断选择electron:nw.js*使用electron-vue快速搭建项目【来自官网】electron-vue充分利用vue-cli作为脚手架工具,加上webpack,electron-packager或者electron-builder,以及一些最常用的插件,比如vue-router、vuex等项目从开发到打包安装文件1.1项目使用electron-vue快速搭建,开发时使用yarn管理依赖[如果你玩vpn,放心]1.2项目UI使用vue的UI库,element和iview根据喜好读取1.3使用node-xlsx读取并生成excel文件2.1项目目的:比较一栏中的相同项目在两个excel文件,并支持额外的导出功能。2.2开发中遇到的问题:node-xlsx将excel读取为二维数组。使用元素表组件需要数组对象的json格式,所以代码中有很多for循环。为了优化大文件的效率,建议使用if判断和forclearly循环优化写法。2.3打包遇到的问题:本机开发打包白屏,但是rundev正常。请参考webpack.renderer.config.js第110行。第二种:本机正常打包,复制到其他电脑白屏,报各种模块不存在,请使用[npm]打包!!!所有问题都解决了。怀疑yarn安装依赖没有打包。3.1使用NSIS打包electron生成的可执行文件。需要注意的是,5/8的时候,先把exe文件全部删除,点击第一个添加exe文件,然后点击第二个选择打包后exe所在的目录{切记勾选Includesubdirectories},然后编译,会生成一个exe安装文件。项目截图项目地址安装包下载github