在Vue3、Vite和Electron的组合下开发桌面程序是一个相对复杂但功能强大的方案。以下是一个分步骤的指南,帮助你理解并构建这样的项目: 1. 创建Vue3+Vite项目 首先,你需要使用Vite来创建一个Vue3项目。可以通过以下命令完成: bash npm create vite@latest 在提示中输入项目名称,并选择Vue作为框架。这将生成一个基本...
安装electron-devtools-installer用于开发调试electron npm install -D electron-devtools-installer 用vite构建electron应用程序需要一个vite插件 npm install -D vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一...
Electron是一个用于构建跨平台桌面应用程序的开源框架,由 GitHub 开发和维护。它允许开发者使用HTML、CSS和JavaScript等前端技术,结合 Node.js 和 Chromium,创建可以在Windows、macOS和Linux上运行的桌面应用程序。 跨平台支持 同一份代码可以在主流桌面平台上运行(Windows、macOS、Linux)。 基于Web 技术 使用前端技术(HTM...
PC端01,桌面端,electron的开发,electron的开发的系列课程,软件开发必备流程,electron的讲解,electron的开发,vitepress博主的gitee链接,PC端效率软件 69 0 0 小满zs | 9月前 | 移动开发 开发框架 JavaScript Vue3 Vite electron 开发桌面程序 Vue3 Vite electron 开发桌面程序 384 0 0 热门...
开发步骤 1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...
Electron是一个跨平台的桌面应用程序开发框架,它允许开发人员使用Web技术(如HTML、CSS和JavaScript)构建桌面应用程序,这些应用程序可以在Windows、macOS和Linux等操作系统上运行。 Electron的核心是Chromium浏览器内核和Node.js运行时环境。Chromium内核提供了现代浏览器的功能,例如HTML5和CSS3支持,JavaScript引擎等,而Node.js...
需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 electron-vite旨在解决这些问题,为 Electron 提供更快、更精简的开发体验。 这个脚手架虽然说的很厉害,但是还是有一些不足,比如对vue项目初始化时的配置不如官方的精细。还需要自己手动配置自己喜爱的开发方式。但...
之前也有使用vite2+vue3+electronc创建桌面端项目,不过vue-cli-plugin-electron-builder脚手架插件构建的项目electron版本只有13.x。如今electron版本都到了24,显然不能再用之前的方法创建项目了。于是闲暇时间就捣鼓了electron24+vite4搭建桌面程序,中间踩了不少坑,现记录如下,希望对大家有所帮助~~ ...
简介:基于Vite+Vue3+Electron整了一个桌面应用模板 前言: 随着前端的更新迭代,基于js/ts开发的桌面应用框架也越来越多,从heX,electron,nwjs到tauri,Qt,以及Rn和flutter也有桌面应用业务。 而今天的主角正是electron,作为一款2013年推出的桌面应用开发框架,其运行于Chromium内核以及node平台,使得开发者可以使用html+css...