结合Electron Forge、Vite和Vue 3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue 3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人...
"start": "electron-forge start", "package": "electron-forge package", "make": "electron-forge make", "publish": "electron-forge publish", "lint": "echo \"No linting configured\"" }, 运行npm run start即可启动 打包 npm run make Electron+Vite+Vue 3最简单的配置 - 智灵谷wizops.net...
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install--save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.re...
Electron Forge文档:https://www.electronforge.io/ npminitelectron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.rend...
这个是electron-vite 是一个新型构建工具,旨在为Electron提供更快、更精简的开发体验。 npm i electron-vite -D npm create @quick-start/electron@latest 跟着脚手架安装完就是vue3+ts+electron的集成项目 3.>electron Forge比electron更适合vite这种配置,没有第二种集成度高 ...
目前常用创建 Electron + Vite + Vue3 + Typescript 项目的工具有两个: Electron Forge,该工具为Electron的官方工具 2. Electron-vite,该是一个新型构建工具,已经逐渐成为 Electron 开发生态的一部分。 经过两…
npm exec --package=@electron-forge/cli -c "electron-forge import" 安装后package.json自动生成新的命令 "scripts": { "dev": "vite", "build": "vue-tsc && vite build && electron-builder", "preview": "vite preview", "start": "electron-forge start", ...
上篇文章已经介绍了使用electron forge+vite+vue3来实现一个桌面应用程序的框架。本文重点介绍完善一个这样的框架的几个通用的需求点及实现方式。 需求 实现客户端在线升级 实现与本地操作系统的交互 实现配置信息持久化 国际化配置 实现跨域访问 实现客户端在线升级 ...
vue3环境搭建 由于我们使用vite,直接执行npm init vite ${项目文件夹} -- --template vue即可,会自动生成模板项目,然后进去执行npm install。可以看到,这个模板项目很简单,只需要一个配置文件vite.config.js就够了。 由于我们要用antdv,全量导入一点都不优雅,而且全量导入不方便自动补全。现在有更好的解决方案,那...
两者最大的区别在于自由度,两者在能力上基本没什么差异了,从官方组织中的排序看,有意优先推荐 electron-forge 。4.3Web方案选型 我们采用的是 Vue3 ,同时使用 Vite 作为构建工具,具体优点,大家可以查看官网介绍,这套组合是目前主流的 Web 开发方案。4.4monorepo方案选型 ...