如何用electron-vue 创建Vue项目

前面的话

如何使用Electron-vue来构建Vue项目呢？这篇文章小柒与大家一起来一步一步创建。 前提条件：node.js、vue/vue-cli、webpack、Electron都要有了解哦。

用electron-vue 如何创建Vue项目

通过下面这条命令，就可以创建一个electron-vue项目了。

vue init simulatedgreg/electron-vue ele-vue-learning

模板下载完毕之后，还需要根据你项目进行一些额外的配置，如下图所示：
小柒这里使用的是electron-packager。
看看整体架构：

完成配置之后就可以运行了，执行命令：

 1、进入文件夹ele-vue-learning：  cd ele-vue-learning
 2、下载包： cnpm install
 3、运行： npm run dev

打包成跨平台的文件

这里打包成windows平台的exe文件
  
在package.json中其实已经为我们配置好了相关的命令：

执行命令：

npm run build:win32

打包成exe文件会很慢。