使用electron将Vue项目打包为桌面应用exe第一步：将electron的官方自理扒下来 git地址： git c

第一步：将electron的官方自理扒下来

git地址： git clone https://github.com/electron/electron-quick-start

第二步：进入vue项目，修改公共路径为相对路径（不然npm run build 之后出现白屏问题）

修改vue.config.js

module.exports = {   
    lintOnSave: undefined,   
    publicPath: './',   
    outputDir: undefined,   
    assetsDir: undefined,   
    runtimeCompiler: undefined,   
    productionSourceMap: undefined,   
    parallel: undefined,   
    css: undefined 
}

第三步：打包项目，npm run build 后将dist文件夹复制到第一步中下载到的文件夹中（称为A文件夹）

第四步：删除A文件夹下根目录中的index.html文件，在根目录中找到main.js文件，修改代码，将引入的文件改为dist文件夹下的index.html

// main.js 原始内容 
mainWindow.loadFile('index.html') 
// 修改后的内容 
mainWindow.loadFile('./dist/index.html')

第五步：检查package.json的命令，运行指令

    npm install electron-packager --save-dev //下载打包需要的依赖
    //如果你想修改最后打包出来的exe文件图标，类似于favicon，或者EXE的名字，可以设置 packager 的指令内容为，icon的路径自己调整：
    //packager一定需要添加
    "packager": "electron-packager ./ YOUR_APP_NAME --platform=win32 --arch=x64 --"      icon=./dist/favicon.ico --overwrite"