npm run electron:build 这个命令会首先构建你的Vue项目,然后使用electron-builder来打包成桌面应用。打包完成后,你会在dist_electron(或你配置的其他输出目录)中找到生成的桌面应用文件。 通过以上步骤,你就可以成功地将Vue项目与Electron集成,并打包成桌面应用了。如果你遇到任何问题或需要进一步的帮助,请随时提问。
1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
//运行electronnpm install electron--save-dev//打包用的npm install electron-builder--save-dev 4、package.json文件,这里要引入main.js,还得在scripts加启动和打包命令,再把build设置一下就行了 {"name":"public-health1","version":"0.0.0","scripts":{"dev":"vite","build":"vite build","prettier...
Electron是一个用于构建跨平台桌面应用程序的开源框架,由 GitHub 开发和维护。它允许开发者使用HTML、CSS和JavaScript等前端技术,结合 Node.js 和 Chromium,创建可以在Windows、macOS和Linux上运行的桌面应用程序。 跨平台支持 同一份代码可以在主流桌面平台上运行(Windows、macOS、Linux)。 基于Web 技术 使用前端技术(HTM...
"electronDownload": { "mirror": "https://github.com/electron/electron/releases/download/" } }, 方案二:手动下载electron对应的版本包,放在C:\Users\qilip\AppData\Local\electron\Cache(直接将zip压缩包放进去) 2、electron-builder打包需要的三个关键文件下载失败问题: ...
Electron:31.0.0 vue-cli:5.0.8 vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev 查看Electron版本:npx electron --version ...
Electron桌面应用打包现有的vue项目 1 环境准备 Node:v16.20.2(本地vue项目nodejs版本) Electron:22.3.7 vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev...
1.3 Vue.js 和 Electron 的结合优势 Vue.js 是一个用于构建用户界面的渐进式框架,而 Electron 是一个用于构建跨平台桌面应用程序的框架。结合使用 Vue.js 和 Electron 可以带来以下优势: 快速开发:Vue.js 提供了 UI 组件库、路由和状态管理等工具,可以快速构建用户界面,而 Electron 可以将 Vue.js 代码打包成一...
yarn config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/ 1. 设置后,安装electron、vue-cli-plugin-electron-builder以及electron-devtools-installer,后两个插件用于打包。 // 安装electron yarn add electron --dev // 安装electron打包插件 ...