electron+vue 使用第三方软件打包成exe文件

最新推荐文章于 2024-06-14 15:54:02 发布

媌厸

最新推荐文章于 2024-06-14 15:54:02 发布

阅读量752

点赞数 1

文章标签： vue.js 前端 windows

本文链接：https://blog.csdn.net/weixin_41931561/article/details/117986029

版权

1、生成exe安装后的绿色文件

使用npm run build生成win-unpacked文件夹

2、使用Inno Setup实现程序打包为可安装的程序

https://jrsoftware.org/isinfo.php 可以去官网下载，也可以通过腾讯等软件管理搜索

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

媌厸

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
electron+vue 使用第三方软件打包成exe文件

使用Inno Setup实现程序打包为可安装的程序
复制链接

扫一扫

前端毕业设计大作业基于Electron+Vue构建的桌面音乐播放器源码.zip

06-15

期末大作业基于Electron+Vue构建的桌面音乐播放器源码。特性支持音乐频谱界面友好，支持皮肤切换跨平台，可打包Windows、Mac、Linux 良好的架构模式和代码风格 ...提供支持主流的第三方音乐平台

electron使用教程三：程序打包为exe文件

Simon的博客

04-14

987

首先cd到程序所在文件夹，需要全局安装打包工具 electron-packager cnpm install electron-packager -g 打包方式一：直接在命令行输入打包命令 electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-...

参与评论您还未登录，请先登录后发表或查看评论

已经打包好了的vue dist文件夹，如何用electron打包成exe桌面应用

sensendedede的博客

02-17

1247

在非dist文件夹（注意，是非dist文件夹，就是原本没打包的项目文件里）的package.json文件里，改一下script。先在项目根目录下（非dist根目录）安装electron electron-packager。最后在项目文件根目录（非dist文件夹目录）里执行electron_build，完成打包。再在项目根目录下（非dist根目录）安装electron-packager。然后在dist文件夹下创建main.js文件,内容为。再创建一个文件package.json。

vue打包exe实战记录

最新发布

weixin_43401380的博客

06-14

362

vue项目不支持直接打包exe,可以依靠electron进行打包,处理方式是将vue打包的dist文件夹放到electron项目中,通过配置后打包electron.先看下本地环境。

使用Electron打包vue文件变成exe应用程序

Abenazhan的博客

01-23

1739

然后在Electron 项目中执行npm run package，进行打包exe，打完包之后在根目录下的release的文件夹中有打包好的exe文件。修改生产环境配置，配置为后端得地址，http://127.0.0.1:8080/ 避免避免Electron打包exe后接口调用不通得问题。修改跳转到其他页面空白得问题，路由跳转得问题，把history修改成hash。打包后得路径修改成为./，避免Electron打包exe后显示空白。把vue项目打成dist的包，放到Electron项目的根目录下。

electron集成若依，打包成exe文件

gentlemanBai的博客

05-18

1335

是因为jscookie的问题，将登录页面（login）页面的所有cookies修改成 localStorage。找到路径 src/utils/auth 页面的所有cookies修改成 localStorage。需要256*256，格式为ico，注意，不能采用直接修改后缀名的方式，需要使用专门的网站转换。📝4.进行打包 npm run electron:build // 打包命令。打包成功后会在dist_electron中生成了exe文件，点击安装即可。📝3.项目中设置跨域（访问不到后端接口）

【electron】5分钟把网页打包成可安装的exe桌面应用

Cipher_Y的博客

08-08

2055

老板们突发奇想，把现有的一个管理后台系统打包成桌面端可安装应用，当时我脑海就浮现出两套方案，Electron或Flutter的Webview来打包应用，相对来说Electron熟悉点，就优先考虑了使用Electron，当然后来也使用Flutter实现了一版，效果差别不大，我们先来看看Electron是怎么实现的。

《基于Electron + Vue的桌面音乐助手的设计与实现》代码.zip

05-04

- 用户数据存储：利用Electron的存储API或第三方库如localStorage，保存用户的偏好设置和播放历史。 - 错误处理和日志记录：通过try-catch捕获异常，并使用logger库记录错误信息，便于调试和问题定位。通过以上...

《基于Electron + Vue的桌面音乐助手的设计与实现》PPT.zip

05-04

要实现音乐播放功能，开发者可能需要利用Electron的`webContents`模块加载音频文件，或者借助第三方库如`howler.js`或`audio-tag`来处理音频播放。这些库提供了播放、暂停、停止、音量控制等基本功能，并支持多种...

基于electron-vue实现仿qq音乐客户端效果

02-23

此外，为了实现音乐播放功能，可能还需要使用到音频处理库，例如Web Audio API或者第三方库如howler.js。【标签】vue.js electron 这两个标签表明项目的核心技术栈是Vue.js和Electron。Vue.js用于构建用户界面，...

Electron 打包exe方法

hamster204的专栏

08-10

2418

本文介绍了如何使用打包工具位electron程序打包

electron+vue创建项目-打包exe

香-农的博客

01-12

761

vue、electron。

weixin_43343144的博客

04-18

1352

electron应用程序打包官方文档：https://electronjs.org/docs/tutorial/application-packaging 关于转exe的操作：这篇文章讲的还不错，可以参考：https://newsn.net/say/electron-quick-start-modify.html 第一步：创建并运行项目（）： 1、下载官方第一个demo【这个比较简...

electron引入外部exe以及build打包外部exe的操作

iot-lorawan

03-07

4606

使用electron vue开发pc软件调用外部exe的部分记录 1、把外部exe放到project目录下，该project目录，以及含子目录的vue文件只要通过引用当前相对目录就可以索引到外部exe文件。外部exe的文件放置位置： vue源文件调用外部exe的部分代码 2、npm build后生成win32-ia32-unpacked文件夹，该文件夹默认不会打包进来外部exe，因此需要把外部exe也拷贝到该目录下，这样electron build生成的exe就不会找不到外部exe而调用.

electron打包成exe的方法

热门推荐

qq_46664185的博客

01-11

1万+

Electron 是由 Github开发的开源框架，它允许开发者使用Web技术构建跨平台的桌面应用。electron是通过将Chromium和Node.js合并到同一个运行时环境中，用html，css，JavaScript来构建跨平台桌面应用的一个开源库，并将其打包为Mac，Windows和linux系统下的应用来实现这一目的。 Electron = Chromium + Node.js + Native API Chromium : 为Electron提供了强大的UI能力，可以不考虑...

【vue】electron打包exe

Rex的博客

09-08

1341

vue项目打包成exe可执行文件在学习的过程中，发现关于 Electron ，常见的有两种打包方法：将自己的 vue 项目打包，放到官方的 demo 文件中，改变打包路径在自己的 vue 的项目中引入插件，然后打包经过一番尝试，我决定采用第一种，原因是：特！别！简！单！下面详细介绍下第一种方法：打包成exe可执行文件 1、把electron的官方例子扒下来，下面简称A，留着待用： git clone https://github.com/electron/electron-quick-sta

Electron打包vue项目成exe桌面应用程序

IT13333的博客

10-13

1345

Electron打包vue项目成exe桌面应用程序

用Electron打包vue项目变成.exe桌面程序

wade3po的博客

03-19

501

Electron现在挺火的，官网的标语是使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。只是没有具体的使用开发项目，所以只是试试创建一个vue项目和用老项目试试能不能打包出来。新建项目和直接用老项目都试了，查到的有好几种方法，这边就使用一种，觉得比较简单。创建新的vue项目，这一步就不多说了： vue create electron-demo 安装electron，没有全局： npm install electron 很容易报错：添加模块，这个命令是添加模块，可以去vue

vue打包第三方插件到dist包里面的webpack配置

m0_59157023的博客

10-17

339

vue打包第三方插件到dist包里面的webpack配置

基于Electron + Vue 的音乐助手的设计与实现

08-09

4. 实现音乐搜索功能：可以使用第三方的音乐API，如网易云音乐API，通过调用API获取搜索结果，并在界面中展示。可以使用Axios库进行HTTP请求，将搜索关键字作为参数传递给API，并将返回的结果显示在界面上。 5. ...