首页IT科技electron vue视频教程(vue整合electron 实现pc端应用程序)

electron vue视频教程(vue整合electron 实现pc端应用程序)

时间2025-06-14 13:15:27分类IT科技浏览3832
导读:准备工作...

准备工作

1.创建vue项目

  vue create 项目名

这里我直接选的默认

  ? Please pick a preset: Default ([Vue 3] babel, eslint)

2.cd 项目名 进入刚刚创建的vue项目

3.vue add electron-builder 将electron添加至项目

4.npm run electron:build运行一下打包命令 测试一下打包是否存在问题

如上:我整体创建下来的话是没有任何报错的

打包后的文件在:项目名\dist_electron 下有一个.exe文件 elapp Setup 0.1.0.exe 双击就可以运行了

5.项目启动命令:npm run electron:serve

接下来就可以愉快的进入开发流程啦

声明:本站所有文章            ,如无特殊说明或标注                  ,均为本站原创发布            。任何个人或组织      ,在未征得本站同意时      ,禁止复制            、盗用                  、采集      、发布本站内容到任何网站            、书籍等各类媒体平台                  。如若本站内容侵犯了原著者的合法权益                  ,可联系我们进行处理      。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
ai文章写作软件的神奇魅力是什么(AI文章写作软件的神奇魅力) 上班族怎样提高收入(上班族如何提高收入-工薪族365天积累财富小技巧之六:勇敢**)