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

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打包生成桌面端软件_第1张图片

设置软件标题

小技巧:electron-vue打包生成桌面端软件_第2张图片

界面demo

小技巧:electron-vue打包生成桌面端软件_第3张图片

打包exe文件

npm run build

安装后即可看到
小技巧:electron-vue打包生成桌面端软件_第4张图片

遇上的问题

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

你可能感兴趣的:(小技巧)