安装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项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示链接先下载对应的包,再手动放到对应的目录即可,以下是各平台对应的目录: Linux: $XDG_CACHE_HOME or ~/.cache/electron/MacOS:~/Library/Caches/electron/Windows:%LOCALAPPDATA%...
1. 初始化项目 # 创建项目文件夹mkdirvite-vue3-electron-expresscdvite-vue3-electron-express# 初始化 npm 项目npm init -y# 安装 Vite 和 Vue 3npm install vue@next npm install vite# 安装 Electronnpm install electron --save-dev# 安装 Expressnpm install express 2. 配置 Vite 在项目根目录下创建v...
在Vite + Vue 3项目中添加Electron,可以通过以下步骤实现: 1. 安装必要的依赖 首先,确保你已经安装了Node.js和npm。然后,在你的Vite + Vue 3项目根目录下运行以下命令来安装Electron及其相关依赖: bash npm install electron vite-plugin-electron vite-plugin-electron-renderer --save-dev 2. 配置Vite 接下来...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0...
# 创建Vue项目 npm init vue # 安装依赖 npm install # 一定要安装成开发依赖 npm install electronelectron-builder-D # 安装超时 请使用某宝镜像 或者XX上网 npm config set electron_mirror=https://registry.npmmirror.com/-/binary/electron/ 开发环境启动electron ...
简介:Vue3 Vite electron 开发桌面程序 Electron是一个跨平台的桌面应用程序开发框架,它允许开发人员使用Web技术(如HTML、CSS和JavaScript)构建桌面应用程序,这些应用程序可以在Windows、macOS和Linux等操作系统上运行。 Electron的核心是Chromium浏览器内核和Node.js运行时环境。Chromium内核提供了现代浏览器的功能,例如HTML...
Electron+Vite+Vue3的组合为开发者提供了一个高效、灵活的跨平台桌面应用开发框架。结合Go语言开发的后台API框架,能够构建出功能丰富、性能卓越的完整应用生态。无论是独立开发桌面应用,还是与后端服务紧密集成,都能获得良好的开发体验和用户体验。 未来,随着前端技术和Node.js生态的不断发展,Electron框架将继续发挥其优...
1、使用vite创建vue3项目 npm init vite 2、安装依赖 npm install 3、安装electron npm install electron --save-dev 4、配置package.json "main": "main.js","scripts": {"dev": "vite","start": "electron ."} 5、创建文件 main.js主进程文件 ...
'./':"",plugins: [vue()] }) 因为base的设置在ELECTRON环境下与网站不同。 第5 步: 在项目根文件夹创建一个新的文件夹electron,并在其中创建文件electron.js // electron/electron.jsconstpath =require('path');const{ app,BrowserWindow} =require('electron');constisDev = process.env.IS_DEV=="...