vite5-electron-admin内置4种通用布局模板,支持i18n国际化、动态路由权限,整合了表格、表单、图表、列表、编辑器等业务模块。 项目框架目录 整个项目采用vue3 setup语法编码,整合vite.js+electronjs跨平台技术。 目前electron-viteadmin管理系统已经发布到我的原创作品集。https://gf.bilibili.com/item/detail/1106734011...
属性注册到page的全局环境中mixinGlobal({version: {node: () => process.versions.node,chrome: () => process.versions.chrome,electron: () => process.versions.electron,},invoke, //暴露一个消息函数到vue环境中,调用主进程的api});
BrowserWindow} = electron;constpath =require("path");initApi();functioncreateWindow() {// 创建浏览器窗口constmainWindow =newBrowserWindow({width:800,height:600,webPreferences: {nodeIntegration:true,//允许使用nodepreload: path.join(__dirname,"/src/preload"),...
5.同样,每次都要切换到electron目录下,很麻烦,所以在根目录(vue项目)的package.json中也添加一个打包vue->切换目录->打包electron的命令"build:win":"npm run build && cd electron && npm run build:win", 至此,vue项目的package.json为: {"name":"mydisk","version":"0.0.0","private":true,"scripts...
首先,我们通过Vite 提供的脚手架,创建一个基础的Vue 模板工程。 操作过程很简单, 我们通过下边的命令, 直接创建然后,选择即可。 npm init vite cd [project-name] npm install 初始化完,项目工程。 我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把Electron 添加到此工...
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐 需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 electron-vit...
1.基于 Vite 创建 Vue3 项目 03:29 2.安装和配置 Electron 05:35 3.兼容 mac 02:42 4.win 应用打包 04:38 5.mac 应用打包 04:03 6.基于 Vite【模板】创建和打包 Electron 03:51 【2024新版】1小时学会ESM规范Electron,前端跨平台桌面应用零基础入门教程 邓瑞编程 1.2万 1 ...
vite2-electron-system后台模板框架使用到的版本:vite2.1.51、vue3.0.5、electron12.0.4 vite2.x|vue3-i18n国际化多语言 项目支持如下图3种语言切换[中文/英文/繁体],使用Vue I18n国际化vue3版本。 // 安装vue-i18n插件 npm i vue-i18n@next -D ...
最新原创研发electron31-vue3跨平台管理系统ElectronVue3Admin。 vite5+vue3-electron31-admin提供了4种通用布局模板,支持i18n国际化、动态路由权限,实现了表格、表单、图表、列表、编辑器等常用功能模块。 实现技术 技术框架:vite5.3.4+vue3.4.31+vue-router^4.4.0 ...
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐 需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 旨在解决这些...