electron打包vue-cli项目为桌面程序（五）：使用electron和electron-builder打包vue-cli webpack项目为桌面安装程序

最新推荐文章于 2024-05-21 16:27:24 发布
最新推荐文章于 2024-05-21 16:27:24 发布
阅读量647 收藏
点赞数 1
分类专栏： electron vue 文章标签： vue webpack electron electron-builder win mac linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37649018/article/details/95641503
版权

等待补充内容

vue3与Electron构建跨平台应用（webpack）
qq_37312180的博客
03-20 528
通过设置 NODE_OPTIONS 环境变量为 --openssl-legacy-provider，可以强制使用旧版的 OpenSSL 提供程序，从而解决构建过程中的报错问题。打开package.json，找到。
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
Vue CLI插件Electron Builder可以轻松构建带有Electron Build状态的台式机Vue.js应用程序：快速入门：在Vue CLI Plugin Electron Builder可以轻松地构建带有Electron Build状态的台式机Vue.js App桌面。 ：在使用Vue-CLI 3或4创建的应用程序目录中打开一个终端（建议使用4）。 然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器：vue add electronic-builder就是这样！ 您准备好出发了！ 要启动开发服务器，请执行以下操作：如果您使用Yarn（强烈建议使用）：yarn electronic：serve或如果您使用NPM：npm run electronic：serve
使用vue-cli-plugin-electron-builder打包electron遇到的坑
zjmdeni的博客
12-06 2004
build命令打包后，element-ui所引用的资源被设置为[app:///fonts/...]，导致element-ui的图标加载失败，app://是electron识别的路径，而app://./才是electron的指示请求来源。nodeIntegration选项是用于在Electron应用程序中启用Node.js集成的一个选项，当设置为true时允许在渲染进程中使用Node.js API，包括require()和其他Node.js模块系统的功能。使用vue-cli-service。
electron-vue利用webpack打包实现多页面的入口文件问题
10-17
项目需要在electron的项目中新打开一个窗口，利用webpack作为静态资源打包器，发现在webpack中可以设置多页面的入口，今天来讲一下我在electron中利用webpack建立多页面入口的踩坑经验,需要的朋友可以参考下
electron打包vue-cli项目为桌面程序（四）：使用electron打包vue项目
欢迎
07-08 3574
上一章讲了使用electron进行开发桌面应用，本章主要讲将开发的应用使用electron-packager插件打包 一：安装electron-packager，开发环境使用 cnpm installelectron-packager --save-dev 二：在build文件夹下新建package.json文件，用于启动打包后的应用程序 内容为： { "name": "stud...
Electron：和webpack融合
郭宇的博客
01-07 3431
Electron工程化和Webpack结合，遇到的若干问题及解决方案
vue-electron：一个带有vue-cli脚手架，常见Vue插件，electron-packagerelectron-builder，unite2e测试，vue-devtools和webpack的Electron＆Vue.js快速入门样板，Quasar1.xVuetify2.x SassLessStylus
01-31
具有vue-cli支持的Electron＆Vue.js快速入门样板 资讯 入门 # Install vue-cli and scaffold boilerplate $ npm install -g @vue/cli $ npm install -g @vue/cli-init $ vue init kdydesign/vue-electron my-...
electronic-vue：具有vue-cli脚手架，常见Vue插件，electron-packagerelectron-builder，unite2e测试，vue-devtools和Webpack的Electron＆Vue.js快速入门样板
02-02
电子VUE需要的优势vue-cli脚手架， webpack与vue-loader ， electron-packager或electron-builder ，以及一些最喜欢使用的插件vue-router ， vuex ，和这么多。 查看详细文档。 您会在此样板中找到的东西... 带有...
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
在电子应用开发中，使用Electron框架可以构建跨平台的桌面应用程序。为了保持软件的最新状态，开发者通常会采用远程更新机制。本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，...
electron-vue-vite-webpack:Electron、vue3、vite2、webpack5、ant-design-vue2 整合
05-17
Electron + vue3 + vite2 + webpack5 + ant-design-vue2 如何和为什么 Vite是未来的脚手架 在开发期间使用“拜访”以保持快速启动的优势 使用“ webpack”解决包装期间的包装问题 命令 npm run dev npm运行构建 ...
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
11-19
在使用Vue CLI和Webpack构建的项目中，遇到字体文件（如`.ttf`或`.woff`）在打包部署到服务器后无法找到的问题，这通常是因为文件路径配置不正确导致的。以下是一些关键知识点和解决方案： 1. **Webpack配置**： ...
vue-cli-plugin-electron-builder：使用Electron轻松构建用于桌面的Vue.js应用
01-30
Vue CLI插件电子生成器 使用Electron轻松构建用于桌面的Vue.js应用 生成状态： 顶级支持者 快速开始： 在使用Vue-CLI 3或4创建的应用程序目录中打开一个终端（建议使用4）。 然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器： vue add electron-builder 而已！ 您准备好出发了！ 要启动开发服务器： 如果使用（强烈建议）： yarn electron:serve 或者，如果您使用NPM： npm run electron:serve 要构建您的应用程序： 使用纱线： yarn electron:build 或使用NPM： npm run electron:build 要查看更多文档， 。 支持者 过去的支持者
【electron】electron-builder-start 引入VUE（非前端式）
xl19900502的专栏
12-09 474
【练习代码git】：https://github.com/SmileEricXin/electronPractice.git dev分支 提交：fea：引入VUE（非前端式引入） 【说明】： 1.因为是通过electron-forge引入，使得electron-build相关指令运行时都会报错，因此只能在调试时使用 yarn start，其他指令都会运行失败； 2...
electron-builder和vue项目
weixin_45727272的博客
01-04 1173
创建应用 1.在vue项目中运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器： vue add electron-builder 2.启动开发服务器 yarn 或者npm yarn electron:serve npm run electron:serve 3.打包成应用程序 yarn或使用NPM： yarn electron:build npm run electron:build 打包可能遇到的问题 用 npm run electron:build
electron打包vue-cli项目为桌面程序（一）：vue-cli创建webpack项目
欢迎
07-05 734
一：安装node环境 1：Node.js 官方网站下载：https://nodejs.org/en/ 选择相应的安装包下载并安装。 安装成功后查看版本号。 2：安装vue脚手架vue-cli npm install vue-cli -g 3：使用vue-cli初始化一个webpack项目 vue init webpack studyelectron（自定义的项目名称） 创建项目...
使用Webpack构建多页面程序
Mengyu的博客
03-15 402
使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面程序。
electron-builder 打包配置
最新发布
一切都不太晚
05-21 6052
NSIS（Nullsoft Scriptable Install System）是一个开源的 Windows 系统下安装程序制作程序。它提供了安装、卸载、系统设置、文件解压缩等功能。NSIS 通过它的脚本语言来描述安装程序的行为和逻辑的。NSIS 的脚本语言和通常的编程语言有类似的结构和语法，但它是为安装程序这类应用所设计的。
electron-vue 打包不同平台的安装包
路上
07-08 8370
在package.json里面加入以下代码 "scripts": { "build": "node .electron-vue/build.js && electron-builder --platform=win32 --arch=ia32", "win32": "node .electron-vue/build.js && e
笔记：electron+vue开发跨平台应用（使用electron-builder）
伪成年的博客
11-13 834
1、项目搭建 使用的vue-cli搭建项目，搭建方法查看官方文档 vue-cli文档 2、安装插件 方法一：(可视化安装) vue ui打开“vue项目管理器”安装插件vue-cli-plugin-electron-builder electron-builder插件文档地址electron-builder文档 点击安装完成，保存文件改动，然后根据提示安装electron，下载过程比较慢。 方法二： 安装插件：vue add electron-builder 全局安装electron：npm insta
Electron与Vue.js快速入门样板：利用vue-cli与electron-builder
资源摘要信息:"该资源是一份关于如何使用Vue.js框架和Electron构建桌面应用程序的快速入门样板。它提供了详细的信息，旨在帮助开发者快速搭建和理解使用Vue.js和Electron进行应用开发的流程。" 知识点详细说明： 1...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值