event.preventDefault();// 阻止默认最小化行为mainWindow.minimize();// 最小化到任务栏}) ipcMain.on('expandWindow',(event,args)=>{letdefaultSize = mainWindow.getSize();letmaxSize = mainWindow.getMaximumSize();if(defaultSize[0] === (((args.screenWidth/5) *3) +150) && defaultSize[1...
UI组件库:element-plus^1.0.2 (饿了么外卖vue3组件库) 报表拖动:sortablejs^1.13.0 图表组件:echarts^5.1.1 现代化计划方案:vue-i18n^9.1.6 数据信息仿真模拟:mockjs^1.1.0 二、关键特点 前端技术栈Vite2、Vue3、Electron12、Element Plus、Vue-i18n、Echarts5.x、Sortable、Mockjs。 管理权限验证适用部件...
const router = useRouter() const go = () => { router.push('/'); }; 「3、配置路由表」 在src下新建一个router目录,然后在里面添加一个index.ts文件,在里面配置路由 // src\router\index.ts import { createRouter, createWebHashHistory } from 'vue-router' const router = createRouter({ ...
前端时间我的一个朋友为了快速熟悉Vue3开发, 特意使用electron+vue3+ts开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放github的地址, 大家如果想学习vue3 + ts + electron开发, 可以本地clone学习参考一下. image.png 技术栈 以上是我们看到的便签软件使用...
第一步,打开自己的文件夹。因为我已经创建过完整的electron-vue-basic项目,所以这里用electron-vue-basicc代替演示,以后本系列文章不再提示,自行脑补替换。 在这里插入图片描述 第二步,在地址栏输入cmd: 在这里插入图片描述 第三步,点回车,打开命令行,输入npm init ...
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版本,目前论坛大部分使用...
│ └── HelloWorld.vue ├── tsconfig.json └── package.json 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 创建tsconfig.json 在项目根目录中创建一个tsconfig.json文件: AI检测代码解析 {"compilerOptions":{"target":"ES6","module":"commonjs","strict":true,"jsx":"preserve","esModuleInterop...
Electron 需要单独的main.js 和 index.html 来启动桌面程序, 其中包括构建好的Vue工程。 构建我们的Vue3 应用程序 由于我们的Vite 加 Vue3 项目,使用了一些其他技术,所以我们在部署Web 应用的时候需要先构建。 在Electron 项目中,也是同样的道理,我们需要先构建我们的Vue3 + vite 的项目。
建议视频教程小满Vue3(第三十九章 electron桌面程序)_哔哩哔哩_bilibili Electron官网Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. 我们用的VsCode 也是 electron 开发的 electron 内置了 Chromium 和 nodeJS 其中 Chromium 是渲染进程 主要渲染和解析HTML,Nodejs作为主进程,其中管道...
Vue3 Vite electron 开发桌面程序 Electron是一个跨平台的桌面应用程序开发框架,它允许开发人员使用Web技术(如HTML、CSS和JavaScript)构建桌面应用程序,这些应用程序可以在Windows、macOS和Linux等操作系统上运行。 Electron的核心是Chromium浏览器内核和Node.js运行时环境。Chromium内核提供了现代浏览器的功能,例如HTML5和...