项目可能会用到electron做成桌面端应用，这两天学习了一下elctron在vue中的使用，发现安装和运行都遇到了几个问题，现在已经解决，解决方案在此分享一下：

主要执行步骤：

1. 使用 vue cli 创建vue项目：

vue create electron-test

2.安装插件 vue-cli-plugin-electron-builder

vue add electron-builder

3.重要的一步，如果让他直接下载的话，会等很久，所以采取另一种办法，给他停掉

 4.停掉之后我们npm run serve 也报错了，这个时候如果用npm install electron 还是会继续上面的下载，依然很慢，此时我们采用cnpm

cnpm i electron

5.cnpm很快就装好好了，此时我们npm run serve运行和npm run electron:serve都可以了，但是在开启npm run electron:serve桌面端窗口会报一个警告

(node:19844) [DEP0128] DeprecationWarning: Invalid 'main' field in 'D:\vue-2-test-electron\electron-test-1\dist_electron\package.json' of 'background.js'. Please either fix that or report it to the module author
(Use `electron --trace-deprecation ...` to show where the warning was created)

6.这个问题参考网页：Electron Vue3关于错误：[DEP0128] DeprecationWarning Invalid 'main' field in - 掘金v

vue2和vue3的报的这个问题都能解决

7.如果采用ts语法，npm run electron:serve会报错，参考网页：

(13条消息) Application entry file “background.ts“ in the “**dist_electron\win-unpacked\resources\app.asar“ does_东扯葫芦西扯瓜的博客-CSDN博客8.CSDN有个社区区友提供了终极解决办法，就是更换为华为镜像！！！大部分场景很好用，就是存在有些情况下某些依赖的安装包下载速度不如淘宝镜像，99.9%的情况下都是好用的，链接如下：

http://t.csdnimg.cn/yRPk7