官网:Why Electron⚡️Vite | Electron⚡️Vite github:electron-vite/electron-vite-vue: Really simple Electron + Vite + Vue boilerplate. electron-vite-vue使用 本文涉及版本 "vue":"^3.4.21","vue-router":"^4.0.13""electron":"^30.0.1","electron-builder":"^24.13.3","vite":"^5.1.6"...
例如:src/renderer/App.vue,可以直接省略成@renderer/App.vue。 由于本教程已经删除了src/renderer/src目录,因此需要修改对应的预设配置。 修改electron.vite.config.js: ...(略) renderer: { resolve: { alias: { - '@renderer': resolve('src/renderer/src') + '@renderer': resolve('src/renderer') }...
vue3技术性:vite2.1.5 vue3.0 vuex4 vue-router@4 跨端架构:electron^12.0.4 封装工具:vue-cli-plugin-electron-builder UI组件库:element-plus^1.0.2 (饿了么外卖vue3组件库) 报表拖动:sortablejs^1.13.0 图表组件:echarts^5.1.1 现代化计划方案:vue-i18n^9.1.6 数据信息仿真模拟:mockjs^1.1.0 二、关...
1. Node环境V14.8.2 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 及更高版本将启用...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
《2023金秋版：基于electronvite构建Vue桌面客户端》是一个针对Vue技术栈开发者，使用electronvite框架构建桌面客户端的教程。以下是该教程的一些核心要点：技术背景：Electron：基于Chromium和Node.js，为跨平台应用开发提供了强大支持，尤其在C/S架构需求增长的背景下，其优势愈发明显。桌面应用优势：相比网页...
vite: ^4.3.2vue:^3.2.47electron:^24.4.0electron-builder: ^23.6.0 创建vite4+vue3项目 vite官网提供了npm/yarn/pnpm等方式创建vue3项目。 yarn create vite electron-vite4-vue3 cd electron-vite4-vue3 yarn install yarn dev 到这里一个简单的vite3+vue3项目就初始化好了。
electron-main:主进程目录。 electron-preload:预加载代码目录,主要是定义桥接通信。 其他文件:也就是 vue 初始化后的目录。 目录结构这么设计的原因是因为我们使用的 vite-plugin-electron 插件需要使用这样的目录结构,目前还没有提供设置修改。 初始化项目目录 ...
git clone https://gitee.com/panie/vite-electron-vue.git 1. 运行项目 1/ 采用vscode 打开文件夹 2/ 查看一下各种命令的版本 $ node -v v18.16.0 # 更改源。 首次安装一定要更改源,要不然下面的命令慢到会怀疑人生 $ npm config set registry https://registry.npm.taobao.org -g ...
项目创建使用yarn命令，通过填写项目名（如electron-vite-vue-app）、选择Vue框架，设置基础配置后，开始逐步构建。比如，我们会精简项目结构，将渲染进程的src目录合并，并使用contextBridge处理主进程与渲染进程的通信。教程中还涉及Vite基础配置，如国内镜像源的设置，以及Sass/Scss/Less/Stylus等预处理器的...