要在Vite 项目中配置 Electron Builder,你需要按照以下步骤进行操作。这些步骤将涵盖安装和配置 Electron、创建 Vite 项目并集成 Electron、配置 Electron Builder、编写 Electron 主进程和渲染进程代码,以及构建和测试 Electron 应用。 1. 安装并配置 Electron 和 Vite 首先,你需要确保你的系统中已经安装了 Node.js。然...
"electron:build": "vue-tsc && vite build --config vite.config.electron.ts && electron-builder" 在electron/main.ts中配置应用加载路径。 //const { app, BrowserWindow, screen } = require("electron");import { app, BrowserWindow, screen }from"electron";//const path = require("path");import ...
运行npm run dev 启动项目 VSCode中配置运行项 现在package.json中配置scripts "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview", "electron:serve": "vite --host", "electron:build": "vite build && electron-builder" } 配置Vscode项目的launcher.json { "version":...
除项目本身的包(npm install),还需加如下3个包 npm add electron vite-plugin-electron electron-builder -D 2. 打包配置 1)创建electron入口,根目录新建electron/main.js,默认配置如下 import{app,BrowserWindow}from'electron';importpathfrom'path'constcreatedWindow=()=>{constwin=newBrowserWindow({width:900,h...
electron-builder: electron打包库 npm install -D cross-env electron-builder 3、配置文件 1)vite.config.js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://zhuanlan.zhihu.com/p/421460116 // https://vitejs.dev/config/ ...
在electron项目下安装electron-builder到开发依赖. 每次打包,都要复制dist文件到electron下,可以用一个命令代替xcopy ..\\dist /S /y,其中/S表示文件夹也要复制,/Y表示替换掉原有文件,copy不能复制文件夹,必须用xcopy。 在electron项目下electron\package.json中,scripts下添加命令"build:win": "xcopy ..\\dist...
"@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.2","electron-builder":"^22.9.1","electron-updater":"^4.3.5", 注意:这些依赖全部安装在devDependencies下
学习Electron入门到精通,掌握Vue3+Vite搭建脚手架项目 #前端 #electron #electron-builder #代码 - 李钟意讲前端于20230601发布在抖音,已经收获了8.8万个喜欢,来抖音,记录美好生活!
文件配置 1. npm install electron electron -v 检查下版本 是否下载成功 先下载这一步 这样就会自动帮你生成 package.json 然后你再去json里面改代码 不然直接新建package.json然后跑命令 会直接报错 main.js 文件的配置如下 根据你的需要去调整 const {app, BrowserWindow} =require('electron');//引入electron...
输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on 说明: --dev:将包添加为开发依赖项; concurrently:用于同时运行多个命令; ...