通过以上步骤,你应该能够成功创建一个基于Electron Forge、使用Vite打包、并应用Vue 3框架的项目。
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", "package": "electron-forge package",...
结合Electron Forge、Vite和Vue 3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue 3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人...
npm i vite-plugin-electron vite-plugin-electron-renderer -D vite-plugin-electron:这个插件可以在启动 vue 项目时,自动启动 electron 项目。该插件会在项目根目录下自动创建一个名为dist-electron/index.js的文件,这个文件就是它对 electron 主进程打包后的产物,用于 electron 的运行。也就是说,dist-electron/in...
这个是electron-vite 是一个新型构建工具,旨在为Electron提供更快、更精简的开发体验。 npm i electron-vite -D npm create @quick-start/electron@latest 跟着脚手架安装完就是vue3+ts+electron的集成项目 3.>electron Forge比electron更适合vite这种配置,没有第二种集成度高 ...
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和...
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...
import{ defineConfig }from'vite';importvuefrom'@vitejs/plugin-vue';// https://vitejs.dev/configexportdefaultdefineConfig({plugins: [vue()] }); 如此就你创建了一个vue3+electron应用了 调用c# dll electron-edge-js 注意electron-edge-js和electron大版本需保持一致,electron-edge-js各版本要求nodejs...
创建Vue 3项目 初始化Vue项目：使用Vue CLI创建一个新的Vue 3项目，或者如果你更喜欢Vite，也可以用它来快速启动项目。bash深色版本# 使用Vue CLI (确保已安装@vue/cli)vue create my-electron-vue-app# 或者使用Vitenpm init vite@latest my-electron-vue-app --template vuecd my-electron-vue-app 安装依赖...
上篇文章已经介绍了使用electron forge+vite+vue3来实现一个桌面应用程序的框架。本文重点介绍完善一个这样的框架的几个通用的需求点及实现方式。 需求 实现客户端在线升级 实现与本地操作系统的交互 实现配置信息持久化 国际化配置 实现跨域访问 实现客户端在线升级 ...