先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: "@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","elec...
less":"^4.1.3","prettier":"^2.8.8","vite":"^4.3.9","vue":"^3.3.4"}} 执行npm run dev 会看到 4.打包exe 执行npm run build:win就会开始打包,打包前会从github下载必要的3个资源文件,这三个文件虽然不大,但是大概率要下载失败,所以手动点击报错信息上的网址手动下载下来。 winCodeSign-2.6.0.7z...
脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue' import { resolve } from 'path' // https://vitejs.dev/config expo...
脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 复制 import{defineConfig}from'vite';importvuefrom"@vitejs/plugin-vue";// https://vitejs.dev/configexportdefaultdefineConfig({plugins:[vue()],resol...
脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。 import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'// https://vitejs.dev/configexportdefaultdefineConfig({plugi...
基于Vite 搭建 Electron+Vue3 的开发环境 目前社区两大 Vue+Electron 的脚手架:electron-vue 和 vue-cli-plugin-electron-builder。都有这样那样的问题,且都还不支持 Vue3,然而 Vue3 已是大势所趋,Vite 势必也将成为官方 Vue 脚手架,下图是尤雨溪在开发好 Vite 之后与 webpack 之父的对话:...
Electron【创建项目】使用 electron-vite (含启动项目) 1. 新建项目文件夹 以项目 electron-vue3 为例 2. 运行脚手架命令 在electron-vue3 文件夹内打开命令行执行 npm create @quick-start/electron@latest 1. 3. 用 vscode 打开项目 4. 安装项目依赖...
这个是electron-vite 是一个新型构建工具,旨在为Electron提供更快、更精简的开发体验。 npm i electron-vite -D npm create @quick-start/electron@latest 跟着脚手架安装完就是vue3+ts+electron的集成项目 3.>electron Forge比electron更适合vite这种配置,没有第二种集成度高 ...
开发新版本 Vue 项目推荐你使用 Vite 脚手架构建开发环境,然而 Vite 脚手架更倾向于构建纯 Web 页面,而不是桌面应用,因此开发者要做很多额外的配置和开发工作才能把 Electron 引入到 Vue 项目中,这也是很多开发者都基于开源工具来构建 Electron+Vue 的开发环境的原因。