在「vite.config.ts」中配置vite-plugin-electron插件入口 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import electron from 'vite-plugin-electron' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), electron({ // 主进程入口文件 entry:...
"@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下 各个库的版本发文时应该是最新的了,不过如果有更新的版本,你...
接下来在vite.config.js中引入vite-plugin-electron插件,配置主进程入口,将electron和vite项目结合起来。 import { defineConfig } from'vite'import vue from'@vitejs/plugin-vue'import electron from'vite-plugin-electron'//https://vitejs.dev/config/export default defineConfig({ plugins: [ vue(), electro...
github.com/electron-vit 我基于这个模板 # clone the project git clone https://github.com/electron-vite/electron-vite-vue.git # enter the project directory cd electron-vite-vue # install dependency npm install # develop npm run dev 2 配置router 这里使用vue-router # 安装 npm ...
Vue 3.2.47 Yarn 1.22.18 开发步骤 1、执行如下命令创建一个新的Vite项目: $ yarn create vite 输入项目名称:electron-client,选择框架:Vue,之后选择使用JavaScript。 2、进入项目根目录: $cdelectron-client 3、安装项目依赖: $ yarn add --dev electron concurrently cross-env electron-builder wait-on ...
plugins: [vue()], }) 我们在终端中,执行npm run build命令。 就在根目录中生成了, dist 文件夹。 设置Electron 框架 有了Vue3 项目构建出来的 dist 目录之后, 设置Electron 就很简单了。 首先,我们在项目的根目录下,创建 main.js 文件。 并将, Elctron 官方文档中的, main.js 文件内容 copy 过来就可...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
'./':"",plugins: [vue()] }) 因为base的设置在ELECTRON环境下与网站不同。 第5 步: 在项目根文件夹创建一个新的文件夹electron,并在其中创建文件electron.js // electron/electron.jsconstpath =require('path');const{ app,BrowserWindow} =require('electron');constisDev = process.env.IS_DEV=="...
作者:周文武,Electron+Vue3+Vite搭建一个桌面应用:现实问题得益于Vite卓越的前端开发体验,越来越多的Electron项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于Vite搭建的Electron开发模板,但都存在着一些共同的问题:配置相