第一步,在 Electron 项目中安装 Element Plus cd 进入项目所在目录,执行如下命令 cdelectron-project-dir npm install element-plus --save 安装成功后,如下图所示 第二步,全局引入Element Plus 修改src/renderer.ts 文件,内容如下 import"./index.css";import{createApp}from"vue";importElementPlusfrom'element-...
在用到的.vue文件直接加上element-plus组件的代码,就能在electron里面加入element-plus啦! <el-progress type="circle":stroke-width='12':percentage="0.3"class="progress"color="#30BF78"/> 效果如图
控制台命令窗口中切换至vue项目目录,输入命令:cd electron-vue-element-demo,按回车 控制台命令窗口中添加electron-builder解决方案,输入命令:vue add electron-builder,按回车 选择electron版本 13.0.0,按回车,看到此界面,说明electron-vue项目构建成功 控制台命令窗口中启动项目,输入命令:npm run electron:serve,按回车...
(2)通过cnpm安装electron cnpm install -g electron 1. 安装electron组件(node_modules) cnpm install electron --save-dev 1. 安装完成后 electron -v 查看是否安装成功 安装electron-packager npm install -g electron-packager 1. 4.创建electron程序 直接复制粘贴index.html 、app.js 、package.json 3个文件到...
electronhttps://www.electronjs.org/ element-plushttps://element-plus.org/#/zh-CN 搭建vue3 一、全局安装vue/cli npm install -g @vue/cli // 或 yarn global add @vue/cli 验证全局是否安装成功 二、初始化项目 1、选择自定义 vue create zhzy-tveep ...
Electron13:Electron是一种使用Web技术(HTML、CSS和JavaScript)构建跨平台桌面应用的框架。我们选择Electron13作为项目的跨端框架,因为它可以让我们使用熟悉的Web技术来构建桌面应用,并且具有良好的性能和兼容性。 Element-Plus:Element-Plus是一套基于Vue 3.0的桌面端组件库。我们选择Element-Plus作为项目的UI组件库,因为...
根据Electron Forge 的文档,可以在要创建项目的路径下,控制台执行以下两条命令之一。命令在执行的过程中会在当前路径下新建一个文件夹,并在其中初始化项目。 yarn yarn create electron-app my-vue-app --template=vite npm npm init electron-app@latest my-vue-app -- --template=vite ...
在electron结合vue3的项目中,引入element-plus的icon可以根据官网的步骤: 先安装icons-vue npm install @element-plus/icons-vue 注册所有图标,在main.js/main.ts 1import *asElementPlusIconsVuefrom'@element-plus/icons-vue'23constapp =createApp(App)4for(const[key, component] of Object.entries(ElementPlus...
electron31-viteadmin内置4种通用布局模板,支持i18n国际化、动态路由权限。 vite5-electron-admin整合vitejs+electron跨平台技术。实现常用的表格、表单、图表、列表、编辑器等业务场景。 使用技术 编码工具:vscode 技术框架:vite^5.3+vue^3.4+vue-router^4.4 跨平台技术:electron^31.3.0 UI组件库:element-plus^2.7....
最新研发electron31-vue3 setup跨平台管理系统ElectronVue3Admin。 基于最新前端技术栈Vite5.x、Vue3、Electron31、ElementPlus、Vue-I18n、Echarts搭建项目模板。支持中英文/繁体国际化解决方案,支持动态权限路由、多页签缓存路由。 技术栈 编码工具:Vscode