欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

小技巧:electron-vue打包生成桌面端软件

程序员文章站 2022-05-28 09:59:19
...

electron-vue打包生成桌面端软件

安装必要模块

# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev

目录结构

小技巧:electron-vue打包生成桌面端软件

设置软件标题

小技巧:electron-vue打包生成桌面端软件

界面demo

小技巧:electron-vue打包生成桌面端软件

打包exe文件

npm run build

安装后即可看到
小技巧:electron-vue打包生成桌面端软件

遇上的问题

在执行打包exe命令的时候没办法生成安装包,后面才发现是因为使用到了淘宝镜像的原因,所以这种情况只需要通过npm i拉取一次模块即可!

相关标签: 桌面端程序