在vite.config.ts中增加配置 #增加部分importAutoImportfrom'unplugin-auto-import/vite';importComponentsfrom'unplugin-vue-components/vite';import{ElementPlusResolver}from'unplugin-vue-components/resolvers';// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[AutoImport({resolvers:[Element...
在「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:...
1、使用vite创建vue3项目 npm init vite 2、安装依赖 npm install 3、安装electron npm install electron --save-dev 4、配置package.json "main": "main.js", "scripts": { "dev": "vite", "start": "electron ." } 5、创建文件 main.js主进程文件 preload.js预加载脚本文件 6、启动vue项目和...
然后使用"yarn electron:builder"命令来打包 Electron 应用程序。 4.2、添加main节点: "main":"electron/index.js", 在package.json中添加main节点,用于指定 Electron 主进程的入口文件。 5、编辑vite.config.js: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defi...
首先,我们通过Vite 提供的脚手架,创建一个基础的Vue 模板工程。 操作过程很简单, 我们通过下边的命令, 直接创建然后,选择即可。 npm init vite cd [project-name] npm install 初始化完,项目工程。 我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把Electron 添加到此工...
Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 解析器速度提高 2 倍,SFC 构建性能提升,更高效的响应式系统 ...
vue vite 项目,直接使用 vite 启动,主页正常,但是用 "electron:serve": "vite build && electron .", 主页就是一片空白。 解决 解决也很简单,路径的问题。 修改vite.config.js, 增加 base: './',. 大概如下: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https:...
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 内存隔离区,这将...
在Vite + Vue 3 + Electron 中使用 Express 在现代前端开发中,Vite 和 Vue 3 提供了快速的开发体验,而 Electron 则使得我们能够构建跨平台的桌面应用程序。有时,我们需要在 Electron 应用中集成一个后端服务器来处理复杂的逻辑或与数据库交互。Express 是一个轻量级且灵活的 Node.js 框架,非常适合这种需求。在这...