電子Vue是一種基于Vue.js的框架，用于創建跨平臺的本地應用程序。 它通過使用Node.js和Chrome運行時，可以使Web技術被用于構建原生桌面應用程序。

在開始使用Electron Vue之前，需要安裝Node.js和Vue CLI。 在安裝完成后，可以使用命令行工具創建新項目：

vue create my-electron-app

在項目目錄中，需要安裝Electron和Electron Builder：

npm install electron electron-builder --save-dev

然后，需要在Vue項目中創建一個main.js文件，其中包含初始化Electron的代碼：

const { app, BrowserWindow } = require('electron')
const path = require('path')
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadFile('index.html')
}
app.whenReady().then(() => {
createWindow()
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
})

最后，在package.json文件中配置Electron Builder：

"build": {
"productName": "My Electron App",
"appId": "com.example.my-electron-app",
"directories": {
"output": "build"
},
"files": [
"dist/**/*",
"node_modules/**/*"
],
"mac": {
"category": "public.app-category.developer-tools",
"artifactName": "my-electron-app-${version}.${ext}"
},
"win": {
"artifactName": "my-electron-app-setup-${version}.${ext}"
}
}

現在，可以使用以下命令打包和構建Vue應用程序：

npm run build
npm run electron:build

在構建完成后，會生成一個本地應用程序，可以在Windows、Mac和Linux上運行。