参考博客：https://blog.csdn.net/jabony/...安装Vuecli1。安装vuecli4.x全局环境npminstall-g@vue/cli2。创建一个vue项目（自己找个方便的文件目录创建项目）vuecreatehello-world(项目名)cdhello-world//进入项目根目录npminstall//安装依赖npmrunserve//运行project3.packagevue项目在根文件目录下的vue.config.js文件中（如果不是自己创建的话），修改输出文件路径，例如：module.exports={publicPath:"./",outputDir:'dist'}然后执行打包命令，npmrunbuild可以得到打包后的文件夹dist。UseElectron使用electron生成client打包好的dist文件。1.安装electron依赖npmi-Delectron@latestnpmi-Delectron-packager2.在dist文件夹dist/electron.js中添加electron.js和package.json文件constelectron=require('electron')constpath=require('path')constapp=electron.appconstBrowserWindow=electron.BrowserWindowconstglobalShortcut=electron.globalShortcut//shortcutletmainWindowconstMenu=electron.MenufunctioncreateWindow(){Menu.setApplicationMenu(null)//创建浏览器窗口。mainWindow=newBrowserWindow({width:980,height:640})//并加载应用程序的index.html。mainWindow.loadFile('index.html')//打开DevTools。//mainWindow.webContents.openDevTools()//当窗口关闭时发出。mainWindow.on('closed',function(){mainWindow=null})//可以通过快捷键打开调试模式ctrl+shift+lglobalShortcut.register('CommandOrControl+Shift+L',()=>{让focusWin=BrowserWindow.getFocusedWindow()焦点Win&&focusWin.toggleDevTools()})}app.on('ready',createWindow)//当所有窗口关闭时退出app.on('window-all-closed',function(){if(process.platform!=='darwin')app.quit()})app.on('activate',function(){if(mainWindow===null)createWindow()})dist/package.json{"name":"项目名称","version":"1.0.0","description":"AminimalElectronapplication","main":"electron.js","scripts":{"start":"electron."},"repository":"https://github.com/electron/electron-quick-start","keywords":["Electron","quick","start","tutorial","demo"],"author":"GitHub","license":"CC0-1.0","devDependencies":{"electron":"^6.0.12"}}3.修改根文件的package.json，添加electron_build命令，如下："scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint","electron_build":"electron-packager./dist--platform=win32--arch=x64--overwrite"},
