如何在Electron中使用现代版本的Vue (Vue CLI3)？

Question

用于vue/电子用途的最流行的样板文件，如下所示：https://github.com/SimulatedGREG/electron-vue

已过时，并且只使用vue cli2。

Answer 1

我找到的让Vue和Electron在一起玩得很好的最快、最简单的方法是vue electron-builder。

要使用，请使用Vue CLI3设置项目

vue create my-project

然后CD进入该目录，在本例中为"my-project"，并运行

vue add electron-builder

这建立了基本的脚手架，允许vue和电子从一开始就很好地发挥作用。您可以使用以下命令启动未构建的测试版本来测试您的工作

npm run electron:serve

并且，当您准备部署时，可以使用

npm run electron:build

来构建。这极大地简化了在其他地方看到的处理巨型过度工程样板的过程，或者尝试写出相对路径，以便您的构建和开发环境都能相同地工作。

Answer 2

此存储库包含将vue-next与最新的电子一起使用的起始模板。

我开始学习电子和vue通过伟大的项目电子-vue。这个项目也受到了它的启发。

https://github.com/ci010/electron-vue-next