vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
npm i electron-vite -D 开发&编译 在安装了electron-vite的项目中,可以直接使用npx electron-vite运行, 也可以在package.json文件中添加 npm scripts: { "scripts": { "start": "electron-vite preview", // start electron app to preview production build "dev": "electron-vite dev", // start dev s...
删除:“type”:“module” 添加:"dev": "concurrently "electron ." "cross-env BROWSER=none vite"" 更改:“dev”:“vite” ——> "start": "vite", {"name":"my-electron","private":true,"version":"0.0.0","main":"main.js","scripts":{"start":"vite","build":"tsc && vite build","...
electron-vite-vue使用 本文涉及版本 "vue":"^3.4.21","vue-router":"^4.0.13""electron":"^30.0.1","electron-builder":"^24.13.3","vite":"^5.1.6","vite-plugin-electron":"^0.28.6", 创建项目 npm create vite@latest my-electron-vite-project ? Select a framework: › - Use arrow...
我们希望npm run dev的时候直接把electron也启动起来而不是开两个启动一次vite再启动一次electron 第一步我们需要先建立一个文件夹 在根目录创建一个plugins编写vite插件帮我们启动electron plugins vite.electron.dev.ts//编写electron开发模式 vite.electron.build.ts//打包electron项目 ...
超详细!!!electron-vite-vue开发桌面应用之项目环境搭建(一) 云风网 云风笔记 云风知识库 一、创建项目 1、脚手架创建 //官方脚手架 npm create electron-app@latest my-app //my-app 项目名称 //create-electron-vite脚手架 npm create electron-vite@latest my-app...
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将...
Electron、Vite和Vue3的结合,为我们提供了一个强大而灵活的解决方案,能够快速开发出美观、功能丰富的跨平台桌面应用。 一、Electron简介 Electron是一个使用Web技术(HTML, CSS, 和JavaScript)来创建跨平台桌面应用程序的框架。它结合了Chromium和Node.js,让开发者能够使用前端技术来编写应用界面,并通过Node.js访问底层...
Electron-Vite还为Electron应用程序提供了特定的配置选项,以满足桌面应用开发的需求。它可以无缝地集成TypeScript、Vue、React等主流的前端框架,并提供了一些定制化选项,以便开发者根据自己的需求进行配置。 总之,Electron-Vite是一个功能强大且灵活的工具,它将现代化的前端开发工具Vite和跨平台桌面应用程序开发框架Electron相...
1.由于vite是基于esm,所以直接使用commonJS的require会报错 使用import代替require即可解决问题 constinitElectron=async()=>{//使用esbuild编译Typescript代码为Javascript//@ts-ignoreconstesbuild=awaitimport('esbuild')esbuild.buildSync({entryPoints:['src/background.ts'],bundle:true,outfile:'dist/background....