BrowserWindow} = electron;constpath =require("path");initApi();functioncreateWindow() {// 创建浏览器窗口constmainWindow =newBrowserWindow({width:800,height:600,webPreferences: {nodeIntegration:true,//允许使用nodepreload: path.join(__dirname,"/src/preload"),...
属性注册到page的全局环境中mixinGlobal({version: {node: () => process.versions.node,chrome: () => process.versions.chrome,electron: () => process.versions.electron,},invoke, //暴露一个消息函数到vue环境中,调用主进程的api});
vite5-electron-admin内置4种通用布局模板,支持i18n国际化、动态路由权限,整合了表格、表单、图表、列表、编辑器等业务模块。 项目框架目录 整个项目采用vue3 setup语法编码,整合vite.js+electronjs跨平台技术。 目前electron-viteadmin管理系统已经发布到我的原创作品集。https://gf.bilibili.com/item/detail/1106734011...
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 添加到此工...
1 下载模板 github.com/electron-vit 我基于这个模板 # clone the project git clone https://github.com/electron-vite/electron-vite-vue.git # enter the project directory cd electron-vite-vue # install dependency npm install # develop npm run dev 2 配置router 这里使用vue-router #...
最新原创自研Electron32.x+Vue3+Arco跨桌面端os系统ElectronVue3OS。 基于最新前端技术栈Electron32.x、Vite5.x、Vue3、ArcoDesign、Pinia2、Echarts搭建项目模板。内置macos和windows两种桌面布局模板、自研可拖拽式栅格布局模板引擎、支持JSON动态配置桌面菜单/Dock菜单。
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 ...
electron32-vue3-osx自研高性能Electron32+Vite5+Vue3+Pinia2+ArcoDesign+Echarts桌面版os管理模板。支持macos和windows两种桌面风格布局模板、自研可拖拽式栅格布局模板引擎、支持JSON动态配置桌面菜单/Dock菜单。 electronelectron-buildervitevue3arco designelectron32-osvue3+electron32桌面osvite+electron仿macosElectron...
得益于 Vite 卓越的前端开发体验,越来越多的 Electron 项目也开始应用它来构建开发。翻阅各种社区资源可以发现很多基于 Vite 搭建的 Electron 开发模板,但都存在着一些共同的问题: 配置相对复杂,繁琐 需要辅助脚本来配合编译开发 无法举一反三,自主选择前端框架(Vue、React 和 Svelte 等) 无法保护源代码 旨在解决这些...