Electron vue的使用教程图文详解

以上就是打包成功的效果，demo-1.0.4.exe 就是一个软件包，可以直接安装到系统上，不同的操作系统可以打包成不同的安装包。

vue有一个集成的electron的项目

electron-vue ,

现成项目已经发布到githup上

githup地址：https://github.com/2577662935/electron-vue.git

文档访问地址：https://github.com/2577662935/electron-vue/tree/master/my-project

如果调试一个程序让你很苦恼，千万不要放弃，成功永远在拐角之后，除非你走到拐角，否则你永远不知道你离他多远，所以，请记住，坚持不懈，直到成功。

ps：下面给大家介绍下electron-vue多显示屏下将新窗口投放至其他屏幕 ，具体内容如下所示：

display对象可以获取所有显示屏

此处演示程序启动是投放新窗口至另一屏幕

import { app, BrowserWindow } from 'electron'
const electron = require('electron') //获取electron对象
let newWindow
function createWindow () {
　　/**
　　　*主窗口省略
　　　*/
　　let displays = electron.screen.getAllDisplays()
　　let externalDisplay = displays.find((display) => {
 　　return display.bounds.x !== 0 || display.bounds.y !== 0
　　})
　　if (externalDisplay) {
 　　newWindow = new BrowserWindow({
  　　fullscreen:false,
  　　 x: externalDisplay.bounds.x + 500,
  　　y: externalDisplay.bounds.y + 50,
  　　width: 1000,
  　　height: 800
 　　})
 　　newWindow.loadURL(newURL)
　　}
　　newWindow.on('closed', () => {
 　　newWindow = null
　　})
}
app.on('ready', createWindow)

总结

以上所述是小编给大家介绍的Electron vue的使用教程 ,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！