javascript - Electron 与 Vue.js，不使用样板

Question

不使用预先存在的样板，如 electron-vue ，我想使用 Vue.js 设置一个 Electron 应用程序。特别是对于初学者来说，这样做的程序是什么？

到目前为止，我已经使用 NPM 在全局安装了 vue cli，并使用 vue create 创建了我的项目。 ，然后使用 npm install electron 将 Electron 安装到其中.

从这里开始，一切都崩溃了。 article I was following指定使用 dev 启动应用程序，运行: "NODE_ENV=DEV vue-cli-service serve & sleep 5 && NODE_ENV=DEV electron app.js" 。无论出于何种原因，这都是行不通的。这篇文章的评论似乎表明这些命令是 Linux 格式的，但没有人提供 Windows 格式的等效命令。

electron .按预期启动应用程序，但 vue 组件不起作用。添加基本​​<script src=">在index.html顶部的vue CDN标签可以工作，并使其工作，但理想情况下我希望 Electron 应用程序能够离线工作，我认为这是使用vue-cli而不是仅仅导入的重点来自 CDN。

有没有简单的方法可以做到这一点？或者我最好手动下载 vue，将其放入 Electron 应用程序中的文件夹中，然后使用脚本标签加载它？

Answer 1

使用 vue.js 作为前端框架创建 Electron 应用程序的最简单方法:

1. 安装vue-cli 3:

npm install -g @vue/cli

创建一个项目(请耐心等待，因为这可能需要一段时间):

vue 创建我的项目

cd myproject

添加并调用 vue-cli-plugin-electron-builder 的生成器(它将自动为您设置 Electron 并让您检查更改的文件):

vue 添加 Electron 构建器

测试您的应用:

npm run electro:serve

或构建您的应用程序:

npm run electro:build

在本指南中查看更多信息:https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/#to-start-a-development-server