electron和vue-cli开发

目的

讲解Electron 和 vue-cli 结合起来开发项目，使用最新版本进行功能开发，同时汇总一些问题解决方案减少重复查找问题解决方案的时间

1.项目环境搭建
参考文章 手把手教你使用Electron5+vue-cli3开发跨平台桌面应用

2.项目设置
通过vue.config.js配置项目名称，图标，及其他（参照链接可以配置成功）

3.加载配置
基于框架需要加载的一些开发工具(devtools)
官方文档开发工具扩展程序
npm插件https://www.npmjs.com/package/electron-devtools-installer
推荐使用npm插件方式，配置简单

4.注意项目
1.Electron 框架尽量和官方同步更新，官方版本更新过快，API使用方式也在变更
2.开发环境中使用history方式，编译版本使用Hash，否则会造成项目在开发环境中页面无法刷新问题
3.基本环境判断条件尽量统一，不要存在多种环境变量进行判断
4.element加载electron-vue在使用element-ui时部分组件无法显示问题