-
安装NVM
下载NVM的Windows安装程序。NVM的GitHub仓库中提供了Windows安装程序,可以在这里下载:https://github.com/coreybutler/nvm-windows/releases
运行安装程序,按照提示完成安装。安装过程中可以选择安装目录,默认是C:\Users\用户名\AppData\Roaming\nvm
安装完成后,重新打开命令提示符窗口以获取nvm和npm的路径。
使用nvm命令来安装需要的Node.js版本。
nvm install 16 lts
安装
# 安装 Vue Cli
npm install -g @vue/cli
# 全局安装 Electron
cnpm install electron -g
# 搭建 vue 环境
vue create .
# 添加Element-plus
vue add element-plus
# vue项目中添加 electron 模块
vue add electron-builder
# 运行
npm run electron:serve
# 打包 electron 应用
npm run electron:build
windows 解决方案
打包 windows 应用时我们需要将整个项目的源码上传到 windows 电脑上
上传到 windows 电脑上后同样需要安装 cnpm 不然 electron 是安装不上的
打开项目目录删除掉 node_modules 重新 cnpm install
如果还是无法打包删除掉 node_modules/electron 目录重新 cnpm install
然后运行npm run electron:build进行打包
-
通用窗口控制代码
- 无边框窗口
mainWindow = new BrowserWindow({
frame: false,
...
})
- 隐藏工具栏
mainWindow.removeMenu()
