Electron-vue搭建vue全家桶+Element UI客户端（一）

本文将以electron6.x+webpack4+vue全家桶+element-ui为技术栈，一套代码可以分别打包在客户端和web端，结合webpack支持热更新，打包为exe安装包，过程中会涉及vue全家桶、electron的常见问题、配置和优化，webpack的对应配置等。

一、新建项目

1、初始化项目

electron-vue 是 vue-cli 和 electron 结合的项目，比单独使用 vue 构建起的 electron 项目要方便很多.
打开cmd，新建一个项目，我使用的是 electron-vue，输入以下命令：

vue init simulatedgreg/electron-vue my-project

my-project就是我们自己取的项目名。

如果出现下图问题，说明没有安装 vue-cli
可通过 npm install -g vue-cli 进行安装，如果 vue-cli 也无法安装，可通过 cnpm 来安装。

然后再 electron-vue 构建项目提示正在下载模板，下完模板之后根据提示进行操作就行，输入你该输入的东西，然后可以一路Enter：

解释，可根据情况选择 ESLint 和 Karma + Mocha：

Application Name：项目名称

Application Id： 项目标识Id（一般使用公司网址）

Application Version ：你的程序的版本号

Project description：