# Electron + Element Plus + TypeScript 实现指南
## 简介
在本篇文章中,我将教会你如何使用 Electron、Element Plus 和 TypeScript 来构建一个桌面应用程序。我们将按照以下步骤进行:
1. 了解 Electron
2. 创建 Electron 项目
3. 配置 TypeScript
4. 引入 Element Plus
5.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-09 14:14:50
                            
                                297阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、在项目终端命令行中输入 :pnpm install element-plus --save 要安装Node.js(推荐版本≥14)和npm nvm install 18            
                
         
            
            
            
            前言一般我们开发单页面应用(关于单页面应用是什么在本专栏的另一篇文章中有介绍)时,特别是针对和我一样打算走后端开发的同学,对于前端只需要有了解的程度就行了,但是平常做项目练手时经常会要自己写前端的东西,所以本文的主旨就是让各位和我一样的后端开发的同学能快速使用element-ui提供的网页组件快速搭建自己需要的网页。小tips在Idea中安装一个叫“element”的插件,就可以在Idea中写el            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-15 10:00:44
                            
                                932阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            创建vue3 可以参考使用Vue-cli 3            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-08 18:47:28
                            
                                815阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            element-plus默认是英文,要显示中文需要安装中文包 1.Element Plus 提供了全局配置国际化的配置。 ```js import Elemen            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-02 09:38:29
                            
                                735阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本文是阅读源码之后,学习到一些新写法,平常业务开发也可以用起来。在我看来,阅读源码,不但能知道该框架的底层原理,出现bug时,可以快速排查和修复,更重要的是,阅读源码就像向优秀的人学习,掌握我们不曾了解的新知识点,看看别人是如何编写出漂亮的,可复用的代码。操作符!.onMounted(() => {
  // 组合在一起,!. 就是“强制执行方法,然后再访问它的返回值”。
  const i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-07 20:18:57
                            
                                63阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            问题内容> vue3-ts-cms@0.1.0 serve> vue-cli-service serve INFO  Starting developmrors                                                                                                  
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-13 12:23:20
                            
                                1165阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            介绍Element Plus是Element UI开源项目的升级版。就是基于VUE3重新开发了Element UI。因为Element UI是基于VUE2开发的。而VUE3和VUE2并不兼容。Element Plus是一套桌面端组件库,提供了很多基于VUE3开发的组件,方便用户开发炫酷的Web应用。 Element Plus官方写了一个初学者工具包element-plus-starter            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-25 22:11:44
                            
                                360阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Element-Plus 图标自动导入,包含安装、依赖配置和规则调整。通过示例演示在Vue模板中使用自动导入图标,同时提供样式修改方法。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-30 22:08:28
                            
                                846阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Element-plus1. 下拉框禁用样式修改下拉的框挂到body上了,而 ele-plus 不让添加到 body 的属性废弃了,
组件内 样式 scoped 所以组件内就找不到
单独添加个 style 给select 单独加个特殊类名表格1. 表格禁用全选#1.1 直接隐藏table {
    width: 100%;
    :deep(.el-table__header-wrapper)            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-26 16:04:25
                            
                                878阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             据悉,该成果经上海科学技术情报研究所和厦门大学查新,结论如下:“共检索出相关文献174篇。目前中英文尚未检出采用石墨烯作为透明导电电极,制作电容式触摸屏的文献报道”;“石墨烯透明电极作为触摸屏的手机,相关产品目前在国外处于研发和概念机阶段,尚未见大规模制造及商业化的报道。”此成果突破了石墨烯产品从实验室走向市场的瓶颈,在石墨烯材料的应用研发和产业化上具有里程碑意义。自2004年来,单层            
                
         
            
            
            
            简介Element-Plus:是饿了么团队研发的,基于 Vue 3,面向设计师和开发者的组件库。Element-Plus源自饿了么团队之前开发的Element-UI,Elenent-UI由于只支持Vue2,所以诞生了支持Vue3的框架,取名Element-Plus,依然是由是由饿了么前端团队开发并开源。框架包含了大量重用的网页的部件,例如:超链接、按钮、图片、表格、表单、分页条等等,方便我们快速开            
                
         
            
            
            
            一般为两种方式:基于文件流,采用new formData方式,如element ui。客户端把文件转化为BASE64方式1:参照饿了么beforeUpload(file){
     //file为所传文件,一般处理type和大小即可
     let {type,size}=file
     if(!/(png|gif|jpg)/i.test(type)){
         this.$me            
                
         
            
            
            
            # 使用Element Plus与TypeScript构建更健壮的前端应用
在前端开发中,使用 TypeScript 可以大大提高代码的可读性和可维护性,而 Element Plus 是一款基于 Vue 3 的组件库,提供了丰富的 UI 组件来帮助我们快速构建出漂亮的界面。结合 Element Plus 和 TypeScript,不仅可以让我们更快地开发出功能完善的前端应用,还可以在开发过程中提            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-22 06:43:39
                            
                                118阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue3 是 Vue.js 框架的最新版本,它带来了许多性能改进和功能增强。Element-Plus 是一个基于 Vue3 的组件库,它提供了许多常用的组件和指令,可以帮助我们快速构建 Vue3 项目。安装 Element-Plus要使用 Element-Plus,首先需要安装它。你可以通过以下命令来安装 Element-Plus:npm install element-plus --save或者            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-24 13:09:31
                            
                                592阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            接上篇下面的属性就对应着回调函数,下面就一一进行介绍。因为element-plus在封装upload组件时就自带了一个预览和删除的图            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2024-10-22 16:24:24
                            
                                755阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在现代前端开发中,`Element Plus` 是一个流行的组件库,它为我们提供了丰富的 UI 组件和样式。今天,我们将深入探讨如何使用“Element Plus 表单设计器”,并逐步解决可能会遇到的问题。本文将涵盖从环境准备到排错指南的各个方面,保证即使是开发新人也能顺利上手。
## 环境准备
在开始之前,确保你的开发环境满足以下软硬件要求:
- **操作系统**: Windows/Mac            
                
         
            
            
            
            Vue3 是 Vue.js 框架的最新版本,它带来了许多性能改进和功能增强。Element-Plus 是一个基于 Vue3 的组件库,它提供了许多常用的组件和指令,可以帮助我们快速构建 Vue3 项目。安装 Element-Plus要使用 Element-Plus,首先需要安装它。你可以通过以下命令来安装 Element-Plus:npm install element-plus --save或者            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-24 13:09:31
                            
                                486阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            先下载往期vite project项目直接开始安装npm i element-plus 为了方            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-01 16:29:29
                            
                                737阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            main.jsimport { createApp } from 'vue'import 'element-plus/dist/index.css'import './style/element_visiable.scss'import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-c            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-12-28 17:54:12
                            
                                1935阅读