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中增加配置 #...
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 二、关...
yarn create @quick-start/electron pnpm命令: pnpm create @quick-start/electron 本教程使用yarn,后续不再赘述npm和pnpm的命令。 如果没有安装yarn,可执行以下命令全局安装: npm install --global yarn yarn中文网站: Yarn 中文文档 执行后,会要求填写项目名称,这里我填写的是electron-vite-vue-app,可根据情况自...
一个命令启动 Vue 与 Electron,使用concurrently包实现并行执行命令,并在后台持续运行 "scripts": {"dev":"vite","serve":"electron .","start":"concurrently \"yarn dev\" \"electron-forge start\""} 因为打包会用到Electron Forge,新增了electron-forge start命令启动 Electron,所以这里就改了 现在执行yarn...
目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋, Vite势必也将成为官方Vue脚手架, 下图是尤雨溪在开发好Vite之后与webpack之父的对话 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 ...
在main.js文件中,创建一个 Electron 应用程序并加载 Vue 3 应用程序。 安装Plotly: npminstallplotly.js 创建一个组件来显示 Plotly 图形。 在组件中编写代码以从串口接收数据并将其传递给 Plotly。 使用Vite 来启动开发服务器: npmrundev 使用electron-builder 来构建应用程序: ...
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 内存隔离区,这将...
electron-vue-vite Electron、vue、vite 整合 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x发布了,想试试新功能 工作中用的umi+electron项目大了,启动速度并不理想;用vite试试,算一个储备方案 ^_^ npm run dev npm run build import { write } from 'fs' 的这种形式会被 vite 编译成 /@modul...
【Vue3+Vite+TypeScript+Nest.js】从0到1手把手教你全栈开发企业级后台管理系统! 我就是娇滴滴的女王 5615 11 electron桌面开发-electron项目创建(一) 字母为生 145 0 Electron+Vue3+TypeScript+ElementPlus项目,CRM管理系统。 前端程序员来了 2.0万 6 ...
electron-main:主进程目录。 electron-preload:预加载代码目录,主要是定义桥接通信。 其他文件:也就是 vue 初始化后的目录。 目录结构这么设计的原因是因为我们使用的 vite-plugin-electron 插件需要使用这样的目录结构,目前还没有提供设置修改。 初始化项目目录 ...