vue项目使用electron-builder库打包成桌面程序的过程

 更新时间:2024年02月04日 09:55:07   作者:zhuyua  
这篇文章主要介绍了vue项目使用electron-builder库打包成桌面程序的过程,本文给大家介绍如何使用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为文件下面有我们的可执行文件

到此这篇关于vue项目打包成桌面程序 electron-builder的文章就介绍到这了,更多相关vue打包成桌面程序内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解vue3+quasar弹窗的几种方式

    详解vue3+quasar弹窗的几种方式

    本文主要介绍了vue3+quasar弹窗的几种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • vue在自定义组件上使用v-model和.sync的方法实例

    vue在自定义组件上使用v-model和.sync的方法实例

    自定义组件的v-model和.sync修饰符其实本质上都是vue的语法糖,用于实现父子组件的"数据"双向绑定,下面这篇文章主要给大家介绍了关于vue在自定义组件上使用v-model和.sync的相关资料,需要的朋友可以参考下
    2022-07-07
  • Vue实现内部组件轮播切换效果的示例代码

    Vue实现内部组件轮播切换效果的示例代码

    这篇文章主要介绍了Vue实现内部组件轮播切换效果的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • vue如何实现垂直居中

    vue如何实现垂直居中

    这篇文章主要介绍了vue如何实现垂直居中,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue3设计思想及响应式源码解析

    Vue3设计思想及响应式源码解析

    这篇文章主要为大家介绍了Vue3设计思想及响应式源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • 详解关于element el-button使用$attrs的一个注意要点

    详解关于element el-button使用$attrs的一个注意要点

    这篇文章主要介绍了详解关于element el-button使用$attrs的一个注意要点,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • vue基于vant实现上拉加载下拉刷新的示例代码

    vue基于vant实现上拉加载下拉刷新的示例代码

    普遍存在于各种app中的上拉加载下拉刷新功能,本文主要介绍了vue基于vant实现上拉加载下拉刷新,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • vue使用自定义icon图标的方法

    vue使用自定义icon图标的方法

    这篇文章主要介绍了vue使用自定义的icon图标的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • vue3中template使用ref无需.value原因解析

    vue3中template使用ref无需.value原因解析

    vue3的template中使用ref变量无需使用.value,还可以在事件处理器中进行赋值操作时,无需使用.value就可以直接修改ref变量的值,这篇文章主要介绍了原来vue3中template使用ref无需.value是因为这个,需要的朋友可以参考下
    2024-06-06
  • vue3写echarts不能根据屏幕大小缩的解决办法

    vue3写echarts不能根据屏幕大小缩的解决办法

    这篇文章主要介绍了vue3写echarts不能根据屏幕大小缩的解决办法,文中通过代码介绍的非常详细,对大家学习或者使用vue3具有一定的参考借鉴价值,需要的朋友可以参考下
    2025-04-04

最新评论