Vue+Electron项目搭建教程最近写了一个需要用Electron集成Vue的项目，特此记录一下搭建过程。太旧了，github已经一年没有提交更新了，所以我们需要使用其他新的方式来构建。VueCLIPluginElectronBuilder本教程使用VueCLIElectron插件快速构建Electron+Vue项目。关于插件的信息，可以去VueCLIPluginElectronBuilder官网自行学习。开始搭建开始搭建1：使用Vue脚手架创建Vue项目1.安装Vue脚手架。如果它已经安装，你可以跳过它。如果没有安装，可以通过以下方式安装：npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2.创建项目#下面的myproject是项目名，可以自己定义vuecreatemyproject执行后出现如下选项：其实就是默认配置和自定义配置，主要是代码检查，语言（js或ts）、路由、CSS（Scss等）等，我这里直接选择default，如果有特殊需求可以如图自定义设置。安装完成后，我这里安装了yarn，所以Vue默认使用yarn作为包管理。如果您使用npm或cnpm，请使用npmrunserve来运行它。2.配置Electron接下来，开始配置Electron。首先进入项目目录cdmyproject然后安装并调用vue-cli-plugin-electron-builder的生成器，运行如下命令：vueaddelectron-builder如下图，提示我们选择ElectronVersion，直接选择最新版本9.0.0。接下来，根据你的网络情况，安装时间有所不同，一般在15-60秒左右。执行yarnelectron:serve或者，如果你使用npm，执行：npmrunelectron:serve至此集成完成，启动成功。整体比较简单。感谢脚手架大佬们的贡献，方便我搬砖之类的，给大佬们学习，向大佬们致敬！如果您在安装过程中遇到问题，请留言。我会尽力在看到后尽快回复。如果有需要，我会再写一篇关于Electron简单介绍的教程
