electron-vue 打包成app

最新推荐文章于 2024-10-01 19:27:44 发布

原创最新推荐文章于 2024-10-01 19:27:44 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#electron #前端

electron 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种解决electron应用打包时出现错误的方法。通过使用npm run pack命令进行初步打包，针对不同平台（如Mac和Windows）采用特定指令完成最终的打包过程。文中还提到了如何安装并使用electron-builder工具。

因为直接run build报错，所以使用了以下方案

1.运行下面的代码

npm run pack

2.再运行

我是要打包mac的app，如果打包Windows用 -w
要是报electron-builder找不到
先运行npm i -g electron-builder之后再运行下面的代码

electron-builder -m

3. 之后在项目的build文件夹就能看到打包后的文件了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sunyv1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

打包应用：使用 Electron Forge

zimin的专栏

09-08

1490

在 Electron 框架的开发周期中，打包应用是桥梁阶段，将代码从开发环境过渡到用户可执行文件的最后一步，特别是使用 Electron Forge 工具的自动化打包，更是 Electron 项目从原型到分发的关键一环。它不仅仅是生成安装包的脚本，更是开发者在处理多平台兼容、资源优化和部署效率时的强大助手。想象一下，一个成熟的 Electron 应用如一个跨平台的桌面笔记工具或企业级数据可视化软件，它需要在 Windows、macOS 和 Linux 上无缝运行，提供 .exe、.dmg 或 .deb 等可

electron-vue项目从搭建、运行到打包（以及electron-vue的bug修改）

欢迎来到iceseasyh的博客

12-12

4883

electron-vue 的项目搭建、运行到打包

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

从零到制作一个简单的Electron+vue应用并用Capacitor打包成安卓app

weixin_42687770的博客

06-08

5275

本文中出现的所有命令是在powershell中输入的。第一步，在系统左下方的搜索栏中输入powershell并打开。输入如我存放在D:\coding就输入cd D:\coding，输入后powershell操作的位置就从红色框变成了绿色框内的路径第二步，安装一堆东西：从Node.js的官方网站下载并安装最新版本的Node.js。安装过程中会自动安装npm。安装完成后，可以通过在命令行中分别输入node -v和npm -v来验证Node.js和npm是否成功安装以及检查它们的版本号。

electron打包例子

09-17

electron打包例子, 配合我博客中的教程使用---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

electron 生成 exe 或 apk

热门推荐

似水流年，举重若轻

03-25

1万+

电脑上的执行文件.exe 手机上的执行文件.apk https://blog.youkuaiyun.com/changhuzhao/article/details/78684967 https://blog.youkuaiyun.com/weixin_39205240/article/details/81258986 https://blog.youkuaiyun.com/qq_40128375/article/detail...

常用Electron App打包工具

神农民博客

07-26

5632

electron-banner 引言在打包Electron App的时候，有很多工具可以使用，各有长短，这里简单汇总几个常用工具的特点及注意事项，便于选择。包括： electron-packager； electron-builder； grunt-electron-installer（windows-installer）；注意：详细的安装及使用方法需要参考官方文档，本文不做赘述。 el

Electron 打包过程

weixin_43954400的博客

06-17

2611

自己在Electron 打包过程的记录，因本人不是前端开发人员，比较少执行打包，记录一下以备时间长了忘记。

electron开发app

daoer_sofu的专栏

12-05

2671

新建electron项目 npm init 后填写项目基本信息生成package.json文件 package.json中 “main&quot;指定文件&quot;main.js”, “script&quot;制定&quot;start&quot;为&quot;electron .”-------&amp;gt;npm run start index.html文件 &

精选资源

electron-vue 打包所需文件

03-23

总之，使用 Electron-Vue 结合 electron-builder 可以高效地开发和打包桌面应用。遇到问题时，检查配置、依赖、资源路径和缓存是解决问题的关键步骤。不断学习和理解这些工具的工作原理，将有助于提升开发效率并优化...

精选资源

electron-vue-template:electron vue 模板

05-08

electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:...

精选资源

electron-vue开发环境内存泄漏问题汇总.docx

01-13

Electron-Vue 开发环境内存泄漏问题汇总本文主要介绍了 Electron-Vue 开发环境中内存泄漏问题的解决方案。 Electron-Vue 是一个基于 Electron 和 Vue.js 的开发框架，用于构建桌面应用程序。然而，在开发环境中，...

Electron-App:一个简单的电子应用程序来测试框架

05-25

电子快速启动克隆并运行以快速查看Electron的运行情况。这是基于Electron文档中的《的最小的Electron应用程序。将此应用程序与应用程序结合使用以获取API代码示例，以帮助您入门。基本的Electron应用程序仅需要以下文件： package.json指向应用程序的主文件，并列出其详细信息和依赖项。 main.js启动应用程序并创建一个浏览器窗口以呈现HTML。这是应用程序的主要过程。 index.html要呈现的网页。这是应用程序的渲染过程。您可以在《了解有关这些组件的更多信息。使用要克隆和运行此存储库，您需要在计算机上安装和（随附）。在您的命令行中： # Clone this repository git clone https://github.com/electron/electron-quick-start # Go int

electron开发-音乐播放器

06-02

用electron开发的桌面应用程序，是一个音乐播放软件，绝对值5分

精选资源

electron-vuecli:Electron12.0.0 + Vuecli + Javascript + 调用dll + electronUpdater +vue

08-03

vueCli + electron12.0.0 调用C# DLL electron-updater在线更新项目设置 npm install 为开发编译和热重载 npm run serve 为生产编译和缩小 npm run build Lints 和修复文件 npm run lint 自定义配置请参阅。 ...

vue项目打包成apk文件

weixin_49074984的博客

12-04

843

项目打包成apk

使用electron将vue项目打包为web或者是app应用

weixin_39205240的博客

07-28

1万+

1.vue中添加electron 和 electron-package cnpm install electron --save-dev cnpm install electron-packager --save-dev //这个是打成exe文件的插件，之后要用，提前下载好 2. vue项目中package.ison文件中“scripts”添加 "electron_dev": "np...

Electron+Vue开发跨平台应用程序（亲测整理）

U.R.M.L

09-23

352

Electron+Vue开发跨平台应用程序官方文档来一个Hello world安装Electron+Vue安装 vue-cli 和脚手架样板代码官方文档 https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ 来一个Hello world 安装Electron+Vue 安装 vue-cli 和脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue my-proje

Electron安装到打包

qq_42597533的博客

05-09

581

Electron从零到打包，很适合新手操作

Electron应用创建和打包