目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋, Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpack之父的对话 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, ...
8.打包后Error: Cannot find module 'ref-napi'问题 目前是通过保留node_modules进行打包,可能会导致打包文件过大,暂时没有找到更好的解决方案 官网: https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/guide.html#handling-static-assets 论坛: https://github.com/nklayman/vue-cli-plugin-e...
到这一步还需要安装一个构建electron程序的vite插件vite-plugin-electron yarn add -D vite-plugin-electron vite-plugin-electron:用于构建electron应用程序的vite插件。仅需少量配置,即可快速整合vite electron开发环境。 该插件集成了Vite和Electron,方便在渲染进程中使用Node API或者Electron API功能。 https://github....
"@vue/compiler-sfc": "^3.0.0","vite": "^1.0.0-rc.9","vue": "^3.0.2","vue-router": "^4.0.0-rc.1","electron": "^11.0.2","electron-builder": "^22.9.1","electron-updater": "^4.3.5", "postcss-scss": "^3.0.2", "sass": "^1.27.0", 注意:这些依赖全部安装在devDepende...
npm install --save-dev vue-cli-plugin-electron-builder vue add electron-builder 配置Electron:在vue.config.js或electron-builder.config.js中配置Electron启动参数、打包选项等。 开发应用:编写Vue组件和逻辑,利用Electron的API访问系统资源。 调试与测试:利用Electron提供的调试工具或Vite的热模块替换功能进行快速开...
引言将Vue引入Electron项目常用的两种方案分别是Vue CLI Plugin Electron Builder和electron-vue。从周下载量来看,Vue CLI Plugin Electron Builder的下载量是electron-vue三倍左右,使用… Alaso打开知乎App 在「我的页」右上角打开扫一扫 其他扫码方式:微信 下载知乎App 开通机构号 无障碍模式 验证码登录 密码登录 中国...
Vue CLI Plugin Electron Builder: 该方案是集成到到vue-cli中使用,使用vue add electron-builder后可直接上手,免去了基础配置的步骤。但是其只能在vue-cli下使用,无法配合vite来使用。 因此,若要使用vite和electron,还需要自己来配置。 源码:github.com/Kuari/Blog/t 系列文章: Vite+Electron快速构建一个VUE3桌面...
// https://vitejs.dev/config/ export default defineConfig({ base: "./", plugins: [vue()], }) 我们在终端中,执行npm run build命令。 就在根目录中生成了, dist 文件夹。 设置Electron 框架 有了Vue3 项目构建出来的 dist 目录之后, 设置Electron 就很简单了。
@vitejs/plugin-vue": "^4.2.3", "@vue/eslint-config-prettier": "^7.1.0", "electron": "^24.4.1", "electron-builder": "^23.6.0", "electron-vite": "^1.0.23", "eslint": "^8.42.0", "eslint-plugin-vue": "^9.14.1", "less": "^4.1.3", "prettier": "^2.8.8", "vite...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...