electron-vue创建桌面应用

1.创建项目

   在终端或者cmd中先查看是否已经安装了vue-cli，vue-cli的版本是什么，如果有就直接创建项目

   如果版本太老，就删除老版本，下载新版本

  卸载

npm uninstall vue-cli -g

  安装

npm install @vue/cli -g

1.2使用vue-cli创建项目

  选取一个项目存放的路径，然后开始创建项目例如：

vue create electron-vue-helloworld

  这里将项目名定为：electron-vue-helloworld

  输入完上述命令之后进入vue项目的创建过程。出现以下内容：

 

  选择第三个自定义安装，回车后进行下一步：

根据自己需求选择：然后下一步

然后回车，进行下一步：

然后下一步：

根据自己需求选择css预处理模块，我这里选的是less

这里是代码检查工具的配置，这里选择第三个标准配置，然后下一步：

这里是选择什么时候执行ESLint检查，我们选择第一项，然后下一步：

这里通常选择配置文件在package.json中，然后下一步：

然后等待项目创建，还没有完，接着往下看：

1.3使用electron-builder集成electron

   进入项目根目录（electron-vue-helloworld），然后执行下列命令：

vue add electron-builder

   然后下一步：

这里选择最新版,然后就创建完成了。

运行项目：

npm run electron:serve

在启动的时候，会启动很慢，请耐心等待。

后续会更新更多electron-vue刚开始可能出现的问题。