1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
6、此处 我们需要打开项目的目录 找到 node_modules 下的 electron 。 删除 这个文件以后 重新使用 cnpm install 7、至此。 electron 应用 已经搭建完成。 我们使用 npm run electron:serve 进行启动项目 ( windows 与 imac 一样 ) 已经完美运行成功 可以看到桌面已经弹出 electron-demo 应用 五、查看electron+vue ...
npm run electron:build 1. imac系统和windows系统都使用这个命令打包 7.升级electron 修改package.json 启动项目,出现以下告警 以上是在说同级目录有index.js文件存在,需要更改electron主进程文件名。在开发过程中,dist_electron目录会生成两个文件:index.js和package.json,冲突就在这个文件夹,所以我们只需要把index.js...
步骤一:src目录下新建一个background.js文件,作为electron的入口文件。下面贴个范本,可以直接复制 'use strict' import { app, protocol, BrowserWindow } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import installExtension, { VUEJS3_DEVTOOLS } from 'electron-dev...
2 项目搭建 网上有个比较火的脚手架electron-vue,github 上 12.2k 的 star,大家应该都听说过或者使用过,但现在我们不使用它,electron-vue是vue-cli2.0的版本,现在都已经出道 4.0 了,再者electron-vue已经很久没有更新,我们可以使用 vue 最新的脚手架加上插件vue-cli-plugin-electron-builder来搭建项目,项目结构也...
使用vue3和vite创建vue的项目然后引入electron 先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron ...
二、项目搭建 1. 使用 vue cli 创建vue项目 代码语言:javascript 复制 vue create electron-test 2. 安装插件 vue-cli-plugin-electron-builder 代码语言:javascript 复制 vue add electron-builder image.png 3. 安装完插件后, 项目中的一些变化 ① package.json 新增了几个scripts ...
手把手教你如何新建一个vue3+electron项目_搭建一个vue3+electron的项目-CSDN博客 安装| electron-egg (kaka996.com) 其中遇到问题,特记录如下。 ES6模式报错 App threw an error during load ReferenceError: require is not defined in ES module scope, you can use import instead ...
1.搭建vpn可以访问国外网络。2.修改background.js主进程代码，注释掉 devtools相关代码 // 1.开发工具引入 这块注释// import installExtension, { VUEJS3_DEVTOOLS } from 'electron-devtools-installer'...// 2.应用准备好 开发环境 尝试安装扩展 这块注释app.on('ready', async () => { // if (...