如何把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为文件下面有我们的可执行文件

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-04 12:28:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-04 12:28:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-02-04 12:28:01       82 阅读
  4. Python语言-面向对象

    2024-02-04 12:28:01       91 阅读

热门阅读

  1. C/C++ - 类模板

    2024-02-04 12:28:01       49 阅读
  2. Elasticsearch重建索引-修改索引字段类型

    2024-02-04 12:28:01       63 阅读
  3. windows安装git与git配置

    2024-02-04 12:28:01       56 阅读
  4. protobuf 序列化协议之数据结构

    2024-02-04 12:28:01       47 阅读
  5. SpringBoot打包

    2024-02-04 12:28:01       39 阅读
  6. 旋复代赭石汤原方

    2024-02-04 12:28:01       57 阅读
  7. 计算机科学导论(2)计算机如何存储音频

    2024-02-04 12:28:01       127 阅读
  8. gogs 搭建私人git服务器遇到的问题汇总

    2024-02-04 12:28:01       52 阅读
  9. MongoDB实战 – 创建和删除数据库

    2024-02-04 12:28:01       54 阅读
  10. 【Soc级系统防御】基于IP的SoC设计中的安全问题

    2024-02-04 12:28:01       57 阅读
  11. Solana 代币合约入口程序学习

    2024-02-04 12:28:01       65 阅读
  12. 用python获取你想要的股票信息,生成走势图

    2024-02-04 12:28:01       56 阅读
  13. vue+video-animation-player播放vap视频

    2024-02-04 12:28:01       57 阅读