electron开发的应用程序（electron vue3 项目搭建）

时间2025-08-01 07:12:34分类IT科技浏览4303

导读：electron vue3 项目搭建一.vue项目搭建...

electron vue3 项目搭建

安装electron 需要搭建vue项目，这里用的vue3项目。

1.安装下载 node 这里用的16版本

https://nodejs.org/zh-cn/

2.设置淘宝镜像

3.安装 vue-cli

npm install -g @vue/cli

4.创建vue项目

vue create project_name

选择vue3 版本，history路由模式，也可以自定义选择，根据实际情况操作选择即可，然后运行

npm run serve

在浏览器输入对应的网址就可以看到界面啦http://localhost:8080/

然后进行下一步操作

1 、直接添加electron-build集成插件，选择最新版本，目前13.0.0

vue add electron-builder

你会发现在原来的基础目录有些变化。

运行

npm run electron:serve

打包

npm run electron:build

首次运行的时候会比较慢，是因为项目中有个检查接口访问外网不通，所以会有一些卡顿，后面的话删掉就可以了，具体细节可以看下篇的项目优化。

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