// Vite 插件天然支持 ts 语法,我们直接用 ts 写插件即可 import { UserConfig, build, mergeConfig } from 'vite' import electron from 'electron' import proc from 'child_process' export interface Configuration { /** 主程序相关配置 */ main: { /** build.lib.entry 的一个快捷配置 */ entry: ...
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:...
import { spawn } from 'child_process' import { createServer, build } from 'vite' // electron 绝对路径,Windows 为 electron.exe import electronPath from 'electron' // --- 渲染进程部分 --- const server = await createServer({ configFile: 'packages/renderer/vite.config.ts' }) await server....
在安装了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 server and electron app"prebuild":"electron-vite b...
有两种方式: 1. 使用electron-vite框架搭建,优点是环境齐全、搭建简单 2. 自己一步步搭建。(推荐) # 第一种:使用别人的框架直接搭建 容易 使用的框架为electron-vite 官网地址:https://cn-evite.netlify.app/ ## 1、安装electron
1.使用electron-vite创建工程 目录在 xxxx_projects\favorite_modules\electron-vite 推荐使用最简单的方式创建electron-vite项目 npm create @quick-start/electron//有几个选项,依次是项目名称,使用vue框架,是否使用ts✔ Project name:…<electron-app>✔ Select a framework:› vue ...
Electron-Vite的目标是将Vite的开发环境和Electron的打包能力结合在一起,以提供高效的开发体验。开发者可以充分利用Vite的优势,如快速的开发重启和模块热重载,来加速Electron应用程序的开发过程。这意味着开发者可以即时预览和调试应用程序的变化,而无需手动刷新页面或重新启动整个应用程序。这种实时反馈的能力极大地提高了...
vite antd 下面话不多说,我们马上进入实战环节 环境搭建 我个人习惯的技术栈是React+Vite,所以这次搭建这个Electron脚手架的时候我也往这方面去搭建。搭建过程中发现了一个很好的脚手架工具——electron-vite。需要搭建Electron项目的兄弟们也可以考虑用这个。功能还是十分强大的,用起来十分舒服,很多东西都预设好了 ...
npm init electron-app@latest my-new-app -- --template=vite 1. Vue3 添加vue依赖 复制 npm install--save vue 1. 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。
electron-vite 是一个新型 Electron 开发构建工具,旨在为 Electron 提供更快、更精简的开发体验。 源代码保护 背景 无法保护 Electron 源代码,是很多开发者提及最多的问题之一。我们都知道 Electron 使用 javascript 来构建桌面应用程序,这使得黑客很容易对我们的应用程序进行进行解包、修改逻辑破解商业化限制、重新打包,...