使用vue构建桌面软件

94 阅读1分钟

如果没有vue项目可以先新建一个vue项目,有的话这步可以跳过。

1、安装Vue CLI

可以使用以下命令进行安装

npm install -g @vue/cli

2、创建Vue项目

用Vue CLI创建一个新的Vue

vue create my-electron-app

进入项目目录

cd my-electron-app

3、配置代理

npm config set ELECTRON_MIRROR https://npmmirror.com/mirrors/electron/

也不要问我为什么要这么配置。总之你不配置你就用不了。

4、安装Electron依赖

vue add electron-builder

5、运行应用

npm run electron:serve

6、构建应用

npm run electron:build

7、调试

可以通过在主进程中添加 --inspect 标志来启用Electron的开发者工具