Electron + Vue 项目创建1. vite项目框架搭建按照一般的开发流程,用命令行创建一个vite项目:# use npm or yarn or pnpm
npm(yarn | pnpm) create vite根据自己的需要,选择相应的选项。创建完成后,进入项目,安装依赖并运行,一个基础的vite项目就创建好了。ex:默认创建时,可能需要的额外操作TS支持由于vite默认使用esbui            
                
         
            
            
            
            文章目录前言一、创建一个vue项目二、集成electron三、运行项目 前言一个完整的解决方案,用于打包和构建适用于 macOS、Windows 和 Linux 的可分发 Electron 应用程序,并提供开箱即用的“自动更新”支持。一、创建一个vue项目项目创建可以参考之前的文章:二、集成electron1、输入vue add electron-builder,将我们的vue3项目变成一个vu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-21 01:44:21
                            
                                236阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            学习目的:随着社会的发展,技术的更新换代。市场上有很多相关的后台管理系统,我们可以使用,但代码毕竟是别人写的,虽然可以直接拿来用,但还是需要很大的学习成本。市场上主流的node管理系统有iview-admin,elment-admin,然而我们在使用过程中发现他们功能虽全,但体积又太大。我们实际制作过程中并不需要那么多的组件,如果我们要删了这些组件,又是不少的工作量,而且组件之间还很有多的关联文件            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-21 11:01:10
                            
                                36阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            element-ui安装与测试Element UI一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库.安装element-ui,使用命令(官方给出的安装少了file-loader,导致引用css文件报错,所以一起安装了):cnpm install element-ui --save 或 cnpm i element-ui -S[注意]电脑上的安全防护软件,可能会提示你继续安装            
                
         
            
            
            
            配置合并vue是一个学习成本很低的前端框架,开发者实际上只需要关注new Vue(options)中的配置即可,页面渲染,响应式数据的实现,vue 在背后做了大量的工作,本文主要分析vue实例以及组件实例的options配置是如何合并的。vue中定义了自己的默认配置,然后将用户的配置和默认配置进行合并,这种代码设计方式在我们日常开发中野会用到,比如封装基础的ajax请求,默认请求方式是POST,但            
                
         
            
            
            
            在实际开发中,结合Laravel、Vue和Element Admin进行整合是非常常见的操作,可以更加高效地完成项目开发。下面我将为你详细介绍整合的步骤和每一步的操作。
首先,让我们来看一下整合的步骤:
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 安装Laravel并创建项目 |
| 步骤二 | 安装Vue并创建前端项目 |
| 步骤三 | 安装Element Ad            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-23 19:22:56
                            
                                411阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            element-ui 安装
npm i element-ui -S
安装 css 之类的相关的依赖
npm install  sass-loader@7.3.1 node-sass --save-dev 
引入使用
标红色的部分是引入的代码. 在项目的 main.js 里面
// The Vue build version to load with the `import` comma            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-20 18:52:46
                            
                                547阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Electron与angular4结合实现热更新ELECTRON架构概况Renderer Process (渲染进程)Main Process(主进程)问题总结一、jQuery引入二、使用electron api三、主进程和渲染进程的理解四、electron 通过node-ffi调用 dll文件五、electron的生命周期六、使用electron-builder和electron-update            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-23 10:31:54
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            因项目工作需要,目前在研究前端的一些知识。主要想实现一个类似于webstorm,可以实现对本地文件进行增删改查等操作的IDE。
                    
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-11 12:01:05
                            
                                542阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            当然这里不会详细真的手把手教你创建项目,因为官方文档都很详细,不做多余的工作哈~直接看官方文档,收益更大:elect数量            
                
         
            
            
            
            组件库众所周知,随着前后端分离的技术架构越来越流行,前端的业务复杂度也越来越高,以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本。下面我就简单说介绍一下自己对组件库的了解和应用,期待推出更多优秀的组件库。一、使用第三方插件https://github.com/vuejs/awesome-vue#components–libraries            
                
         
            
            
            
            Electron桌面应用可以使用js,css,html完成pc应用的跨平台开发,内置多种方法访问pc资源1.创建应用mkdir my-electron-app && cd my-electron-appnpm initinit初始化命令会提示您在项目初始化配置中设置一些值 为本教程的目的,有几条规则需要遵循:
entry point 应为 main.js.
author 与 des            
                
         
            
            
            
            第一步:首先确保已安装vue最新脚手架 @vue.cli没安装可通过以下命令安装cnpm i @vue/cli -g安装 @vue/cli-init通过以下命令安装cnpm i -g @vue/cli-init执行命令创建 electron-vue 项目 my-init-electron 为项目名vue init simulatedgreg/electron-vue my-init-electro            
                
         
            
            
            
            Vue3项目整合Electron第一步安装:VUE3安装vue3脚手架npm install -g @vue/cli安装 yarn,并设置淘宝源npm install -g cnpm --registry=https://registry.npm.taobao.org设置ELECTRON_MIRROR,加速electron的预编译npm config set ELECTRON_M...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-19 13:51:20
                            
                                616阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.现如今前端框架数不胜数,尤其是angular、vue吸引一大批前端开发者,在这个高新技术快速崛起的时代,自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么?     对于我来说Electron相当于一个浏览器的外壳,可以把网页程序嵌入到壳里面,可以运行在桌面上的一个程序,可以把网页打包成一个在桌面运行的程序,通            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-18 10:42:22
                            
                                167阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             文章目录quick-start主进程和渲染进程主进程和渲染进程的区别app 模块BrowserWindow 模块loadFile 方法loadURL 方法frame 配置resizeable 配置maxWidth, maxHeight, minWidth, minHeightshow 配置ready-to-show 事件show 方法, 控制窗口的显示webReference 配置setBoun            
                
         
            
            
            
            目录1. 全局安装vue的脚手架2. 下载electron-vue的项目模板3. 指定依赖下载源4            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-12 19:16:19
                            
                                1103阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # Java 整合 Electron:构建跨平台桌面应用
随着前端技术的迅猛发展,Electron 已成为构建跨平台桌面应用的热门解决方案。而 Java 作为一种广泛使用的编程语言,在企业后端开发中占据重要地位。将 Java 与 Electron 整合,可以充分发挥双方的优势,从而构建出既强大又用户友好的应用程序。本文将详细介绍如何将 Java 与 Electron 整合,并提供代码示例以及架构            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-08-14 07:47:26
                            
                                187阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Puppeteer基础知识(一) Puppeteer基础知识(一)一、简介二、其他一些自动化测试工具三、安装与使用四、Puppeteer常用命令五、常见问题解决: 一、简介Puppeteer 是一个强大而灵活的工具,可以用于网页爬虫、自动化测试、性能分析等场景。能够模拟用户行为、拦截网络请求、处理弹窗、模拟设备等,可以让我们更灵活地控制浏览器和页面。不仅能够启动web进行测试,也能够启动web H            
                
         
            
            
            
            @ sentry / electron是Electron应用程序的官方Sentry SDK。它可以捕获主进程和渲染器中的JavaScript异常,以及收集本机崩溃报告(Minidumps)。const { init } = require('@sentry/electron');
init({
    dsn: 'https://<key>@sentry.io/<project&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-12 04:50:43
                            
                                109阅读