使用如下指令(PS:目录要确保cd到项目根,也就是与安装的Element-Plus目录相同。) vue add electron-builder 如下图示: 3-2、选择版本 安装成功后,向导会让我们选择electron的版本;如下图示: 此处我们可以选择(PS:使用箭头键)最新的13.00即可。 3-3、启动项目 安装成功后,使用如下指令: npm run electron:serve 启...
启动你的Electron应用,检查Element UI组件是否正确渲染和交互。你可以使用Electron的开发者工具来调试你的应用。 bash npm start 确保你的package.json中的scripts部分包含启动命令,例如: json "scripts": { "start": "electron ." } 通过以上步骤,你应该能够在Electron项目中成功集成并使用Element UI组件。如果遇...
一、创建一个vue项目 项目创建可以参考之前的文章: 二、集成electron 1、输入vue add electron-builder,将我们的vue3项目变成一个vue3+electron的项目。 1. 这里我们可以选择electron版本,这里我们选择的是13.0.0。 项目创建成功之后,package.json文件中会多出这些配置就表示electron集成成功。 三、运行项目 输入命令:...
在构建项目之前需具备nodejs、vue-cli环境基础,项目创建的主要步骤是先使用vue-cli创建vue项目,然后为此项目添加electron-builder解决方案用于构建electron-vue项目,最后在electron-vue项目中集成element-ui插件。 源码地址:https://gitee.com/libaitianya/electron-vue-element-template 2、创建项目 2.1、创建vue项目 打开...
由于Electron 应用只是一个 Node.js 应用,你需要安装 npm。你可以点击这里学习怎样安装,这很容易。 解压项目后,在解压目录下打开 cmd 或者命令行,执行以下命令: npm install 1. 这条命令会创建一个 node_modules 文件夹,里面包含了项目需要所有的 Node.js 依赖。接下来,在同个终端上执行下面的命令: ...
electronBuilder: { nodeIntegration: true, builderOptions: { asar: false, // 是否把app文件夹压缩成app.asar win: { icon: './public/app.ico', target: [ { target: 'nsis', // 利用nsis制作安装程序 arch: [ // 'x64', // 64位
1、概述 开发平台OS:windows 开发平台IDE:vs code 本篇章将介绍自定义标题栏和右键菜单项,基于electron现有版本安全性的建议,此次的改造中主进程和渲染进程彼此语境隔离,通过预加载(preload.js)和进程间通信(ipc)的方式来完成。 2、窗口最大化 一些应用在实际情况
最新研发electron31-vue3 setup跨平台管理系统ElectronVue3Admin。 基于最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts搭建项目模板。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由。 技术栈 编码工具:Vscode
Electron13:Electron是一种使用Web技术(HTML、CSS和JavaScript)构建跨平台桌面应用的框架。我们选择Electron13作为项目的跨端框架,因为它可以让我们使用熟悉的Web技术来构建桌面应用,并且具有良好的性能和兼容性。 Element-Plus:Element-Plus是一套基于Vue 3.0的桌面端组件库。我们选择Element-Plus作为项目的UI组件库,因为...
如果最终用户工作在没有网络的环境下,那么我们也可以允许Runtime使用者把Electron Runtime打包到最终安装程序内,这是打包工具的职责。 如果担心Electron官方提供的下载地址速度慢,可以考虑使用国内镜像地址:npmmirror.com/mirrors/electron/ 最终执行程序的职责