cd vue-electron-notes进入项目跑一遍yarn serve,这个时候没什么问题就已经成功运行起来了! 2.2 在项目内集成Electron 进入我们项目的根目录,我们执行以下命令来安装插件vue-cli-plugin-electron-builder 代码语言:javascript 复制 vue add vue-cli-plugin-electron-builder 我们选择版本^6.0.0: 代码语言:javascript 复制...
然后是进入新建的vue项目里面引入electron 代码语言:javascript 代码运行次数:0 运行 AI代码解释 cd project-name vue add vue-cli-plugin-electron-builder 之后会让我们选择版本,插件提供的最新版本为13,我们可以在安装完成后手动安装最新版本 出现这样的画面就说明我们已经安装好了,现在我们手动升级一下electron的版本 ...
1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
简介: ruoyi-vue | electron打包教程(超详细) 公司项目由于来不及单独做客户端了,所以想到用electron直接将前端打包程exe,dmg等格式的安装包。 由于使用的ruoyi-vue框架开发,所以这篇教程以ruoyi-vue为基础的。 环境说明 nodejs:v16.18.1 npm:8.19.2 ruoyi-vue:3.8.6 环境部署 下载若依并安装依赖 ruoyi-vue...
进程间的基本使用参见上面的教程【进程间通信】,这里需要介绍的是在electron-vite-vue项目中进程间的通信写法 electron-vite-vue项目packages的目录结构如下(即源码的目录结构) ├── packages | ├── main 主进程源码 | | └── index.ts | | └── vite.config.ts | ├── preload 预加载脚本源码 ...
Electron是一个基于Chromium和 Node.js,可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架,兼容 Mac、Windows 和 Linux。 在开始搭建项目之前,需要安装以下工具 node.js 1 创建项目 1.1 安装vue-cli 先查看是否已经安装了vue-cli,vue-cli的版本是什么 ...
vue3+electron开发桌面软件入门与实战(0)——创建electron应用 中二少年学编程:vue3+electron开发桌面软件入门与实战(1)——创建electron+vue3主体项目 中二少年学编程:vue3+electron开发桌面软件入门与实战(2)——创建electron+vue3框架打包集成 > 严格按照本教程学习与搭建项目,最终一定会得到一个完整的项目。并且...
一、Electron-vue简介 二、安装yarn 三、创建Electron-vue项目 1. 关于 electron-builder 2. 安装脚手架 3. 运行 4. 打包应用程序 四、background.js说明 1. 引入模块和依赖: 2. 注册协议: 3. 创建窗口函数: 4. 生命周期事件和监听器: 五、使用UI库 Vuetify ...
简介: electron 内置了 Chromium 和 nodeJS 其中 Chromium 是渲染进程 主要渲染和解析HTML,Nodejs作为主进程,其中管道用IPC 通信 建议视频教程小满Vue3(第三十九章 electron桌面程序)_哔哩哔哩_bilibili Electron官网Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. 我们用的VsCode 也是...