当前位置: 首页 > article >正文

如何把vue项目打包成桌面程序 electron-builder

引入

我们想要把我们写的vue项目,打包成桌面程序,我们需要使用electron-builder这个库

如何使用

首先添加打包工具

vue add electron-builder

选择最新版本

下载完毕


我们可以看到我们的package.json中多了几行

electron:build:打包我们的可执行程序

electron:serve:运行可执行程序,不打包


我们先运行,不打包试试  可能会有点慢,耐心等等

npm run electron:serve

执行成功!


打包的话就是:

npm run electron:build

他会在根目录生成一个dist_electron文件夹里面的win-unpacked为文件下面有我们的可执行文件


http://www.kler.cn/a/229853.html

相关文章:

  • 安卓投屏电脑最详细教程
  • 【Rust自学】11.1. 编写和运行测试
  • EasyExcel的应用
  • 左值引用(Lvalue Reference)和右值引用(Rvalue Reference)详解
  • 【 Verdi实用技巧-Part-3】
  • 深入理解 C 语言中浮点型数据在内存中的存储
  • Windows中如何使用 Anaconda 和 gempy地质建模
  • 中移在线:基于openGauss的数据库自主创新替代实践
  • 【React】前端React 代码中预览展示excel文件
  • RabbitMQ:分布式系统中的高效消息队列
  • 19:Web开发模式与MVC设计模式-Java Web
  • 第三百一十一回
  • 前端工程化之:webpack1-11(其他配置)
  • Bytebase 签约 Vianova,助力欧洲城市交通智能平台中 Snowflake 和 PG 的变更自动化及版本控制
  • 2.6 假期作业
  • 3D室内虚拟灭火体验为预防火灾提供全新方案
  • 你为什么不喜欢关电脑?我只是想第二天能够快速进入工作状态
  • Web课程学习笔记--CSS盒模型
  • 国考省考行测:平行结构体
  • C# Avalonia 11.0.6 绘图
  • C++ 11新特性之tuple
  • 期权定价模型系列【14】期权复制—Delta动态复制误差计算
  • 动态更改 Spring 定时任务 Cron 表达式的优雅方案
  • JS-本地文件上传
  • IDEA中的Run Dashboard
  • C语言---------对操作符的进一步认识