vite5-electron-admin内置4种通用布局模板,支持i18n国际化、动态路由权限,整合了表格、表单、图表、列表、编辑器等业务模块。 项目框架目录 整个项目采用vue3 setup语法编码,整合vite.js+electronjs跨平台技术。 目前electron-viteadmin管理系统已经发布到我的原创作品集。https://gf.bilibili.com/item/detail/1106734011...
在「vite.config.ts」中配置vite-plugin-electron插件入口 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import electron from 'vite-plugin-electron' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), electron({ // 主进程入口文件 entry:...
BrowserWindow} = electron;constpath =require("path");initApi();functioncreateWindow() {// 创建浏览器窗口constmainWindow =newBrowserWindow({width:800,height:600,webPreferences: {nodeIntegration:true,//允许使用nodepreload: path.join(__dirname,"/src/preload"),...
const electron = require("electron");const { initApi } = require("./src/command");const { app, BrowserWindow } = electron;const path = require("path");initApi();function createWindow() {// 创建浏览器窗口const mainWindow = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeI...
【win&mac】30分钟学会Vite创建和打包Electron+Vue3,前端跨平台桌面应用零基础入门教程【2024新版ESM规范】共计6条视频,包括:1.基于 Vite 创建 Vue3 项目、2.安装和配置 Electron、3.兼容 mac等,UP主更多精彩视频,请关注UP账号。
vite-electron-admin桌面端后台系统使用electron31+vite5搭建项目模板,采用vue3 setup语法开发。 功能特性 最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts 支持中英文/繁体国际化解决方案 支持动态权限路由、多页签缓存路由 封装多窗口管理器 ...
首先,我们通过Vite 提供的脚手架,创建一个基础的Vue 模板工程。 操作过程很简单, 我们通过下边的命令, 直接创建然后,选择即可。 npm init vite cd [project-name] npm install 初始化完,项目工程。 我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把Electron 添加到此工...
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐 需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 electron-vit...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
electron32-vue3-osx自研高性能Electron32+Vite5+Vue3+Pinia2+ArcoDesign+Echarts桌面版os管理模板。支持macos和windows两种桌面风格布局模板、自研可拖拽式栅格布局模板引擎、支持JSON动态配置桌面菜单/Dock菜单。 electronelectron-buildervitevue3arco designelectron32-osvue3+electron32桌面osvite+electron仿macosElectron...