官网: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"...
npm create electron-vite 集成element-plus npm install element-plus npm install unplugin-vue-components -D npm install unplugin-auto-import -D 在tsconfig.json中增加 #增加部分 { "compilerOptions": { "skipLibCheck": true, "types": ["element-plus/global"] } } 在vite.config.ts中增加配置 #...
一个命令启动 Vue 与 Electron,使用concurrently包实现并行执行命令,并在后台持续运行 "scripts": {"dev":"vite","serve":"electron .","start":"concurrently \"yarn dev\" \"electron-forge start\""} 因为打包会用到Electron Forge,新增了electron-forge start命令启动 Electron,所以这里就改了 现在执行yarn...
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 二、关...
好的,以下是一个基本的 Electron + Vue3 + Vite 应用的开发步骤: 确保您已经安装了 Node.js 和 npm。 安装Vue CLI: npm install -g @vue/cli 创建一个新的 Vue3 项目: vuecreatemy-electron-app 进入项目目录: cdmy-electron-app 设置为国内镜像 ...
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 内存隔离区,这将...
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 ...
electron-main:主进程目录。 electron-preload:预加载代码目录,主要是定义桥接通信。 其他文件:也就是 vue 初始化后的目录。 目录结构这么设计的原因是因为我们使用的 vite-plugin-electron 插件需要使用这样的目录结构,目前还没有提供设置修改。 初始化项目目录 ...
【Vue3+Vite+TypeScript+Nest.js】从0到1手把手教你全栈开发企业级后台管理系统! 我就是娇滴滴的女王 5615 11 electron桌面开发-electron项目创建(一) 字母为生 145 0 Electron+Vue3+TypeScript+ElementPlus项目,CRM管理系统。 前端程序员来了 2.0万 6 ...
《2023金秋版：基于electronvite构建Vue桌面客户端》是一个针对Vue技术栈开发者，使用electronvite框架构建桌面客户端的教程。以下是该教程的一些核心要点：技术背景：Electron：基于Chromium和Node.js，为跨平台应用开发提供了强大支持，尤其在C/S架构需求增长的背景下，其优势愈发明显。桌面应用优势：相比网页...