Electron集成Vue

Electron集成Vue

通过脚手架

执行下面的命令即可创建一个electron-vue的项目；

vue init simulatedgreg/electron-vue  my-project

但是使用的是Vue2，所以推荐使用下面一种方式。

使用Vue CLI Plugin Electron Builder插件

1、初始化vue项目

vue create electron-vue-app

2、选择项目的相关配置，然后会自动生成vue项目

3、进入vue项目根目录下，安装Vue CLI Plugin Electron Builder插件

 vue add electron-builder

4、下载成功后，运行项目

npm run electron:serve

网络问题处理

1、设置npm镜像

npm config set registry https://registry.npm.taobao.org/

2、设置electron镜像

npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

参考

• Electron + Vue3 集成记
• Electron-Vue