electron windows桌面端应用

     小伙伴的需求是获取某个文件夹下，某种类型的文件名称，并且用符号分割开来。刚开始文件少，手动复制并没有觉得麻烦，文件多了，觉得好麻烦。

    写桌面端的方式也挺多，只不过最近了解到可以用node.js也可以写桌面端，所以决定试一试。试试electron + vue + element ui，来实现这个小功能。

一、提前用npm 安装好vue ,electron等

   用脚手架下载项目

vue init simulatedgreg/electron-vue electron-vue-demo

引入ElementUI相关包

npm install element-ui -S

在main.js中使用element - ui

import ElementUI from 'element-ui' 
import 'element-ui/lib/theme-chalk/index.css' 
...
Vue.use(ElementUI)

二、打包

想要打包成exe文件，

在 初始化的时候，小编采用的是electron-builder。

在使用npm run build的时候，报错主要分为两个类型，

1.是包下不下来，按照提示的包，可以通过github或者CNPM Binaries Mirror下载下来，

• 下载地址

  • GitHub：https://github.com/electron/electron/releases
  • 淘宝镜像：https://npm.taobao.org/mirrors/electron/

主要是需要三个文件，需要放到对应路径下

C:\Users\用户名\AppData\Local\electron-builder\Cache

C:\Users\用户名\AppData\Local\electron\Cache

小编没有找到 SHASUMS256.txt-2.0.18.txt对应版本，是 从随意一个SHASUMS256.txt文件中复制 下来，改的名称，需要改成对应版本号。

2.提示The process cannot access the file because it is being used by another process.

通过把vscode关闭，重新打开来解决这个问题 。

最后npm run build成功，结果生成了exe文件。