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 ...
electron_mirror=https://registry.npmmirror.com/-/binary/electron/:这个配置项指定了 Electron 包的镜像源,用于下载 Electron 框架相关的二进制文件 安装electron相关插件 接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程...
process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true'; 至此第二步完成。 三、加入electron预加载脚本,并通过其进行electron和vue的交互 通讯 主进程与渲染进程通讯 /preload/index.js文件代码如下: --- const { contextBridge, ipcRenderer } = require('electron') const handleSend = async (vue_param...
一、electron-quick-start + vuecli 在electron官网中提供一个快速创建electron 项目的模板electron-quick-start electron-quick-start 1、clone 模板到本地 2、使用npm install安装包(electron安装缓慢,后续更新教程) 3、使用npm run start 就可以启动项目,测试是否安装成功 ...
2. 创建项目 在你想要的文件夹下执行命令: vue create vueapp 就能创建成功了。 3.配置electron 进入项目目录: cd vueapp 通过以下命令调用electron-builder生成器: vueaddelectron-builder 4. 运行vue serve 执行: npm runelectron:serve 可以成功启动项目。
ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/ 4. vue init webpack vue-demo(运行完会有提示,按提示测试) 2022年补充: 这样生成的项目webpack版本是3.6.12,比较旧,有些模块装不了,建议不要这样生成了,可以用vue create project-name的方式。不方便的是,生成的工...
环境搭建 默认有 node 环境. 先安装electronvuevue-cli,因为electron-vue中有内置webpack,无需再装一个独立的webpack。 npm install -g electron npm install -g vue npm install -g vue-cli AI代码助手复制代码 创建一个空文件夹,DOS命令窗口进入该文件夹位置,初始化一个electron-vue项目。
1. 首先使用 vue-cli 搭建基础 vue框架 和平时写 vue项目一样 选择自己需要的 cd electron-demo 进入项目目录 yarn serve 启动项目 四、vue项目中添加 electron 模块 输入vue add electron-builder 后 按下回车 安装过程中 此处我们选择 ^13.0.0 按下回车 ...
参考链接:Vite+Electron快速构建一个VUE3桌面应用(一) 1) 创建项目 1. 安装 vite yarn create vite 可以直接创建项目。 若是创建了,跳过第二步 输入项目名,选择 vue, 选择 javaScript 就可以了。有其他需求根据实际需求选 2. 创建项目 ...