配置Electron:在vue.config.js或electron-builder.config.js中配置Electron启动参数、打包选项等。 开发应用:编写Vue组件和逻辑,利用Electron的API访问系统资源。 调试与测试:利用Electron提供的调试工具或Vite的热模块替换功能进行快速开发和测试。 打包与发布:使用Electron Builder进行打包,生成各平台可执行文件。 四、与Go...
Vite的快速热更新能力和Vue 3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人肩膀之上。 背景 结合Electron Forge、Vite和Vue 3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样...
electron-vue: 该项目集成度较好,封装较为完整,中文搜索下来文章较多也是该方案,可以直接上手去使用。但是,问题在于其内置electron的版本太低,写文章时看到的版本是2.0.4,而最新的electron版本是15.1.2。 Vue CLI Plugin Electron Builder: 该方案是集成到到vue-cli中使用,使用vue add electron-builder后可直接上手,...
可以说,Electron 各项技术成熟稳定、周边生态完善,把前端工程师进入这个领域的门槛降到足够低。 又为什么选择 Vue 和 Vite 来开发界面? 前端开发者常用的开发框架主要是 Vue 和 React,这两个框架可以说各有所长,从第三方对比测试报告来看,Vue 在性能、内存占用等方面稍好于 React,并且某种程度上 Vue 在开发模式、...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
electron-vite旨在解决这些问题,为 Electron 提供更快、更精简的开发体验。 这个脚手架虽然说的很厉害,但是还是有一些不足,比如对vue项目初始化时的配置不如官方的精细。还需要自己手动配置自己喜爱的开发方式。但是瑕不掩瑜,它依然是目前我认为搭建electron配置最少的方式了。
electron模块: 在vue的全局调用上述几个函数: 脚本: 问题避坑: 搭建上述软件时遇到以下问题: 总结: 前言: 随着前端的更新迭代,基于js/ts开发的桌面应用框架也越来越多,从heX,electron,nwjs到tauri,Qt,以及Rn和flutter也有桌面应用业务。 而今天的主角正是electron,作为一款2013年推出的桌面应用开发框架,其运行于Chr...
先使用 vite 创建 vue 项目,然后我们再将 electron 嵌入到里面。 初始化完成后,我们先做一个本地 yarn 源的配置,防止下载库的时候出现异常。 配置.yarnrc 复制 registry"https://registry.npm.taobao.org/"electron_mirror"https://npm.taobao.org/mirrors/electron/"electron_builder_binaries_mirror"http://npm...
Atom:由GitHub开发的跨平台代码编辑器,支持多种编程语言和插件扩展。使用Electron和CoffeeScript构建。 Postman:由Postman Inc.开发的API测试和开发工具,允许用户轻松地测试和调试REST API。使用Electron和React构建。 创建项目 dev # 创建Vue项目 npm init vue ...