1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
vueaddelectron-builder 选择最新的electron13即可 至此,一个基础的electron-vue项目便创建完成了。 启动/调试electron 下面不一定非得是cnpm,yarn,npm其实都可以,主要保证install和run的时候使用的是同一个就行。 安装node依赖 cnpminstall 启动桌面客户端 上述框选出的是不同的启动方式,electron:serve是本地启动方式,...
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:31.0.0 vue-cli:5.0.8 vue:2 版本管理 2 Vue项目准备 更新相关依赖 npm install --registry https://registry.npmmirror.com/ npm run dev 3、引入Electorn 安装指定版本Electron:npm install electron --save-dev 查看Electron版本:npx electron --version ...
环境搭建 默认有 node 环境. 先安装electronvuevue-cli,因为electron-vue中有内置webpack,无需再装一个独立的webpack。 npm install -g electron npm install -g vue npm install -g vue-cli AI代码助手复制代码 创建一个空文件夹,DOS命令窗口进入该文件夹位置,初始化一个electron-vue项目。
参考链接:Vite+Electron快速构建一个VUE3桌面应用(一) 1) 创建项目 1. 安装 vite yarn create vite 可以直接创建项目。 若是创建了,跳过第二步 输入项目名,选择 vue, 选择 javaScript 就可以了。有其他需求根据实际需求选 2. 创建项目 ...