如何不用electron-vue将Vue项目打包成桌面程序exe？

本文共计825个文字，预计阅读时间需要4分钟。

场景 + electron-vue + 基于vue（基本上是它听起来的样子）+ 构造 electron 应用程序的模板代码。该项目的目的是为了要避免使用 vue 手动建立 electron 应用程序。electron-vue 充分利用 vue-cli。

场景

electron-vue

基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码。

该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具，加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder，以及一些最常用的插件，如vue-router、vuex 等等。

使用electron-vue可以将vue的项目打包成exe应用。

但是这种方式对于一开始使用electron-vue建立项目架构模板比较好，那样可以往上递增式的添加项目。

但是说如果说vue项目已经开发完成，并没有使用electron-vue来搭建项目模板，那么后期对于项目的

合并和迁移以及路径的修改等问题都是麻烦事。

所以如果说vue的项目已经搭建完成并能成功部署，可以使用如下方式。

注：

​​ 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。

实现

首先执行vue项目打包

npm run build

打包成功后

会在项目目录下生成dist目录。此目录就是打包之后的目录。