Electron+vue3搭建桌面应用

原创

明知山 2022-07-06 19:12:35 博主文章分类：Electron ©著作权

文章标签 nginx vue.js javascript 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者明知山的原创作品，请联系作者获取转载授权，否则将追究法律责任

先搭建vue/cli脚手架应用推荐4.x版本

vue create project-name

在cli目录下执行下面代码
vue-cli-plugin-electron-builder文档链接

vue add electron-builder

项目运行

npm run electron:serve

Electron+vue3搭建桌面应用_nginx

上一篇：ionic5+vue3搭建第一个app项目

下一篇：Vite2+Vue3初始化项目

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Electron + VUE3 + 实现桌面级应用程序前端模板

Electron 和 Vue3 构建的跨平台桌面应用模板，支持 Windows、macOS 和 Linux。模板整合了人脸识别登录、自定义导航栏、单点登录 (SSO) 等核心功能，旨在帮助开发者快速启动桌面应用开发项目。通过详细的代码解析和功能展示，你将了解如何高效构建现代化的桌面应用程序。本文最后附上完整的开源代码仓库，欢迎下载使用并一起优化！

自定义 ico 关闭窗口 Electron
搭建vue3项目架构

搭建 Vue 3 + Vant 项目架构介绍Vue 3 是一款用于创建用户界面的渐进式 JavaScript 框架。它采用虚拟 DOM、响应式绑定和组件化开发，提供了灵活且高效的开发体验。Vant 是一个适用于移动端的轻量级 UI 组件库，可以与 Vue 无缝集成。应用使用场景电商平台：利用 Vant 提供的丰富组件（如商品卡片、导航栏等），快速搭建移动友好的电商应用。企业管理系统：Vue 3

Vue App 组件化
Vue3 创建一个应用

Vue3 创建一个应用

vite vue
Electron结合Vue搭建前端桌面应用

1.安装vue脚手架npminstall-g@vue/cli2.创建vue项目vuecreategua-tools3.启动项目cdgua-toolsnpmrunserve4.vue项目中添加electron模块vueaddelectron-b

前端 electron vue.js javascript ecmascript
Electron 桌面应用：环境搭建

1，简介Electron是由Github开发，基于Chromium和Node.js,使用JavaScript,HTML和CSS等Web技术创建跨平台原生桌面应用的框架。兼容Mac,Window和Linux，它构建的应用可在这三个操作系统上面运行，借助Electron，我们可以使用纯JavaScript来调用丰富的原生APIs。2，现在已经有很多由Electron开发应用，比如Atom、Insomn

electron开桌面应用
【Vue项目实践】创建一个 electron+vue3 的项目

采用 vite 来创建一个vue 项目，然后在项目中加入 electron的配置参考链接：Vite+Electron快速构建一个VUE3桌面应用(一) 1) 创建项目1. 安装 viteyarn create vite可以直接创建项目。若是创建了，跳过第二步输入项目名，选择 vue，选择 javaScript 就可以了。有其他需求根据实际需求选2. 创建项目创建命令如下：yarn c

创建项目 json html
使用vue3.0+electron搭建桌面应用并打包exe

设置后，安装electron、vue-cli-plugin-electron-builder以及electron-devtools-installer，后两个插件用于打包。步骤一成后，先别急着运行，还得改造一下。所以最好先设置一下代理。

electron javascript 前端 ico sed
Vue项目中引入electron发布桌面应用

1. 在原先已有的Vue项目里面，打开终端执行vue add electron-builder ; 2. 选择合适的版本安装好这个插件，执行npm run electron:serve ； 3. 如果页面没有什么错误，就会弹出一个vue的应用窗口，说明准备工作已经完成； 4. 如果需要修改桌面应用界

ico linux 服务器
Electron桌面应用打包现有的vue项目

1 环境准备Node：v16.20.2（本地vue项目nodejs版本）Electron：22.3.7vue：2版本管理2 Vue项目准备更新相关依赖npm install --registry https://registry.npmmirror.com/npm run dev3、引入Electorn安装指定版本Electron：npm install electron --save-dev

Vue electron
使用 Electron-Vue 开发的桌面应用

这是由Electron&Vue.js编写的，为程序员服务的编程工具目前提供了四个版块：正则表达式时间戳转化颜色盒子Json转化在这几个模块中，可以发现使用组件化的好处，处理多个组件之间各种数据变化非常方便！项目地址：Github地址：https://github.com/TsaiKoga/it-tools感兴趣的朋友可以关注一下，或者贡献代码；下面介绍一下我写正则表达式内容，写的不好，望见

Javascript Vue Electron 桌面应用正则表达式
Vue3 Vite electron 开发桌面程序

Electron是一个跨平台的桌面应用程序开发框架，它允许开发人员使用Web技术（如HTML、CSS和JavaScript）构建桌面应用程，这些

electron javascript 前端应用程序 json
前端实战:electron+vue3+ts开发桌面端便签应用

前端时间我的一个朋友为了快速熟悉Vue3开发, 特意使用electron+vue3+ts开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目...

数据库 java xhtml oauth nagios
使用electron 将vue-cli3.x项目打包为桌面应用

我有个模版项目是用vue-cli3.x开发的，测试部署已经没问题，突发奇想，能不能打包成exe文件，在桌面运行，开始鼓捣。1.先将项目打包yarnbuild2.安装electron和electron-packageryarnaddelectronyarnaddelectron-packager3.dist目录新建main.js文件，内容如下：const{app,BrowserWindow,Menu

Java
桌面应用开发之Electron

Electron 官网: https://www.electronjs.org/ Electron是一个使用JavaScript、HTML和CSS构建跨平台的桌面应用程ium，indows和Li

预加载应用程序 github
Electron构建桌面应用教程

最近在开发电脑端应用，给大家分享下经过技术研究和已有的条件，决定采用h5打包成桌面应用程序.csdn.net/qq285679784/category_11318926.html...

Electron h5 应用程序
electron-vue：Vue.js 开发 Electron 桌面应用

相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用，今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架，该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。
Electron springboot 桌面程序 electron开发桌面应用

目录一、什么是Electron?二、快速入门2.1、先决条件2.2、创建应用程序2.2.1、项目基架2.2.2、安装 Electron 程序包2.2.3、运行主进程2.2.4、创建网页2.2.5、在BrowserWindow中打开网页一、什么是Electron? Ele

electron javascript 前端应用程序 html
Electron+Vue开发跨平台桌面应用

Electron+Vue开发跨平台桌面应用 xiangzhihong发布于 2019-12-23 虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的 ...

javascript 跨平台音乐播放 json github
React + Electron 搭建一个桌面应用

当你冲这个标题点进来的时候，我猜你一定知道 React 是什么，更多详情请戳这里，就不介绍React了，一个神般存在的前端框架。另外，浏览器和移动端横行的时代，为什么还需要桌面应用？我就不解释了，反正优点很多，做为技术多学一点总没错。 Electron 简单介绍是什么? 官网是这么介绍的： Ele ...

node.js 加载桌面应用 javascript html
electron --- 构建桌面应用

最近无意间看到了electron和nw的相关信息，感到很惊讶，因为学习前端也有一段时间了，竟然发现js还有这么强大的功能，因为js不仅可以写网页、写webapp、写hybrid，以及前不久出现的小程序，现在甚至已经可以用来写桌面应用了，从github上的star数已经快到50000就可以知道elec

github css html 桌面应用跨平台
Android开发CrashHandler获取完整报错信息

android main入口的commonInit()方法内处，有这么一句话， Thread.setDefaultUncaughtExceptionHandler(new KillApplicationHandler(loggingHandler)); 如果没有这句话，app就不会crash。不信，你往里面看， public KillApplicationHandler(LoggingHandle

android crash 管理上报 ide 主线程自定义
java使用aspose 修改word目录字体

（1）目录的使用①首先选中正文中要设为目录索引的标题项，例如："一、概述"，然后，选择引用->添加文字->相应目录级数。②待所有标题项都已成功按照①设置后，将光标移到想要创建目录的地方，选择引用->目录->自动目录1，word会自动根据你的设置创建分级的目录，并且在页码处按Ctrl并单击可实现页面的跳转。③要想更改某一级别的所有目录项的字体大小和样式，只需三连击选中该级别任

2010 工具起始页页眉工具栏
conda下载pytorch太慢怎么中止并删除

一、问题在服务器上配置pytorch环境，Cuda、cudnn什么的都是别人安装好的。所以我只是装个Pytorch，然而也是失败了好几天，加上服务器是内网，没法直接ssh访问，东西scp没法传上去，web和ip也不能访问T-T。折腾了两天···服务器环境：Ubuntu18.04，Cuda10.02，cudnn5.7.0？首先创建conda环境，我是以前创建好的，具体创建方法可以百度~按照官方安装出

ubuntu pytorch pip conda python
硬盘实时读写监控工具

近几年杀毒软件泛滥，很多人不知道该如何选择合适的杀毒软件，也许杀毒软件并非是必需的，但这不是今天要谈论的话题，今天要谈的是杀毒软件究竟是个什么东西，它到底是如何杀死病毒的，也许当你了解了它的工作原理和运行模式，你也许对病毒也会有所认识，不再感到畏惧。杀毒软件(Anti Virus)

硬盘实时读写监控工具杀毒软件 API 句柄
上下文对象获取stringRedisTemplate

（一）：执行上下文上篇文章已经说了一下执行上下文,即执行函数会创建一个称为执行上下文的内部对象，一个执行上下文定义了一个函数执行时的环境。每个执行上下文都有自己的作用域链，用于标识符解析，当执行上下文被创建时，它的作用域链初始化为当前运行函数的`Scope`所包含的对象。然而，执行上下文又两个阶段，进入执行上下文和执行代码，在进入执行上下文的时候，创建变量对象vo已经有了函数的所有形参、所有的

function reference 活动 delete firebug

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯