electron-vue项目搭建、运行、打包过程的踩坑总结分享。首先，为了保证安装效率，使用cnpm或者yarn命令进行安装。前提是安装了node环境，安装了globalyarn。最好架个淘宝镜像npminstall-gyarninstallsglobalvue-clinpminstallvue-cli-g安装3.0+版本的vue-cli(现在最新版本是4.5.6)npminstall@vue/cli-g如果想更新vue-cli到最新版本，先卸载当前版本npmuninstallvue-cli-g创建electron-vue工程（方法一）：1.安装2.0+版本的vue-clinpminstallvue-cli-g2.用cmd打开F盘，输入命令vueinitsimulatedgreg/electron-vuemy_project_name根据自己项目需要设置项目内容。安装完成后，项目将被导入到编辑器中。目录结构如下进入可见窗口5、项目打包npmrunbuild下图需要下载这个文件包，但是下载过程很长打开链接下载压缩包https://github.com/electron-userland/electron-builder-binaries/releases/将tag/winCodeSign-2.4.0压缩到C盘目录C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign并再次打包后，如下图，成功打开包，会看到工程构建文件.exe安装包，和普通安装程序一样。双击打开安装创建electron-vue工程（方法二）：1.升级vue-cli到3.0+版本，先卸载当前版本npmuninstallvue-cli-gnpminstall@vue/cli-g2。同样，cmd指的是D盘，安装vue项目vuecreatemy_electron_vue根据需要选择项目配置，如下图，安装成功3.安装electron-builder进入项目文件my_electron_vue，执行按照说明让vue添加electron-builder选择最新的9.0.0安装成功后项目结构如下main.js是Vue的主文件，background.js是electron的主进程文件其中，electron_robot_clientSetup0.1.0.exe项目安装程序总结：第一种方法更新框架较慢，打包问题需要从git下载额外的工具，时间成本较高。第二种方法比第一种方法更前卫，实现方法也比较简单。推荐使用第二种方法
