npm exec --package=@electron-forge/cli -c "electron-forge import" 安装后package.json自动生成新的命令 "scripts": { "dev": "vite", "build": "vue-tsc && vite build && electron-builder", "preview": "vite preview", "start": "electron-forge start", "package": "electron-forge package",...
{"main":"electron/main.js","description":"The Project of Electron + Vue + Vite + Electron Forge","author":"Krry","license":"MIT"} Vue Vite 路由必须使用hash路由,否则 electron 无法加载 import{ createRouter, createWebHashHistory }from'vue-router'constrouter = createRouter({// history: cre...
vite.config.ts配置更新 main: { // Shortcut of `build.lib.entry`. entry: 'electron/main.ts', onstart(args) { args.reload() // args.startup() }, } 这里找到electron/main.ts文件,添加开启工具的代码 // 开启开发工具DevTools win.webContents.openDevTools(); 直接可以看到效果...
Electron Forge官方提供了一个脚手架,且自带Vite模版。 复制 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。
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app---template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install--save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.re...
这个是electron-vite 是一个新型构建工具,旨在为Electron提供更快、更精简的开发体验。 npm i electron-vite -D npm create @quick-start/electron@latest 跟着脚手架安装完就是vue3+ts+electron的集成项目 3.>electron Forge比electron更适合vite这种配置,没有第二种集成度高 ...
electorn-forge创建项目 npm init electron-app@latest my-app -- --template=vite-typescript 安装vue npm install vue npm install --save-dev @vitejs/plugin-vue import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; ...
Electron Forge文档:https://www.electronforge.io/ npm init electron-app@latest my-app -- --template=vite 可选模板 webpack webpack-typescript vite vite-typescript 安装VUE npm install --save vue 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和...
上篇文章已经介绍了使用electron forge+vite+vue3来实现一个桌面应用程序的框架。本文重点介绍完善一个这样的框架的几个通用的需求点及实现方式。 需求 实现客户端在线升级 实现与本地操作系统的交互 实现配置信息持久化 国际化配置 实现跨域访问 实现客户端在线升级 ...
初始化Vue项目：使用Vue CLI创建一个新的Vue 3项目，或者如果你更喜欢Vite，也可以用它来快速启动项目。bash深色版本# 使用Vue CLI (确保已安装@vue/cli)vue create my-electron-vue-app# 或者使用Vitenpm init vite@latest my-electron-vue-app --template vuecd my-electron-vue-app 安装依赖：根据所选工具...