目录1. 全局安装vue的脚手架2. 下载electron-vue的项目模板3. 指定依赖下载源4
原创
2022-07-12 19:16:19
1103阅读
一、框架说明 vite是一种新型前端构建工具,能够显著提升前端开发体验。由尤大推出,其发动态表示“再也回不去webpack了...” Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入Chromium和Node.js到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 ma
转载
2023-08-04 19:43:12
222阅读
electron-vue应用程序更新功能实现 文章目录electron-vue应用程序更新功能实现前言一、使用步骤1.引入安装electron-updater2.package.json文件build属性下添加publish属性3.主进程文件夹main目录下创建update.js 存放更新相关事件4.update.js同级目录下也创建app-update.yml文件5.主进程index.js中引入
转载
2023-12-24 00:11:09
156阅读
1、检查版本号,是否过低(小于3需要更新)2、更新electron版本(不行可以尝版本..
原创
2023-06-06 17:56:27
642阅读
# Electron Vue Axios: 使用Vue和Axios构建Electron应用
## 导语
在本文中,我们将介绍如何使用Electron、Vue和Axios构建跨平台的桌面应用程序。我们将学习如何使用Electron框架创建桌面应用程序,使用Vue.js构建用户界面,以及使用Axios从后端API获取数据。
## 目录
- 什么是Electron?
- 什么是Vue.js?
-
原创
2023-08-25 13:33:49
241阅读
# 在 Electron 中使用 Vue.js 开发 iOS 应用的指南
随着移动应用开发的快速发展,使用 Electron 和 Vue.js 创建跨平台的桌面和移动应用变得越来越流行。在这篇文章中,我将带你一步一步地学习如何实现一个基于 Electron 和 Vue.js 的 iOS 应用。
## 流程概览
首先,让我们看一下整体的开发流程。下面的表格展示了每一步的操作。
| 步骤 |
原创
2024-08-31 05:24:49
91阅读
### Electron Vue Python实现教程
作为一名经验丰富的开发者,我将教你如何实现"electron vue python"这一技术组合。首先,我们需要明确整个过程的流程,然后逐步进行操作。
#### 流程步骤
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建Electron应用 |
| 2 | 集成Vue.js到Electron应用 |
| 3 |
原创
2024-06-08 05:28:26
105阅读
1. electron简介2. 工具介绍3. 实践效果,步骤1)一个简单的 Electron 桌面应用都是冲 Hello World! 开始的。以上是使用 electron-vue 超级迅速制作出来的 electron 桌面应用。2)安装的组件vue init simulatedgreg/electron-vue white-electron-first3)build tool choice ?
转载
2023-12-02 14:02:57
97阅读
Docker的好处是可以做代码封装,并且忽略底层服务器特性做任意的代码重用/移植,在下文我们将详细介绍。 演示应用服务器——Docker 在Clay.io,演示环境服务器和应用程序服务器相同,并且和生产环境运行相同的二进制Docker文件。对于防止不必要的生产系统破坏和宕机,这种设置环境非常重要。数据存储 MySQL MySQL是一个久经沙场的关系型SQL数据库,当下Clay.io的数据大部分都
转载
2024-09-20 10:33:58
20阅读
第一步:安装对应的插件npm i electron-updater --save-dev 服务器端需要上传这三个文件 使用electron-builder打包时候会自动生成。 地址为:https://www.xxx.com/uploadeducation ele.js //注:electron.jsconst {app, BrowserWindow, Me
相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用,今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架,该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。
转载
2017-12-14 14:04:00
312阅读
2评论
安装electron-log是为了方便本地调试yarn add electron-updateryarn add electron-log版本号是根据你
原创
2022-07-06 19:18:27
1584阅读
最近的一个预开发任务,需要实现Electron APP 的更新策略这里有两种更新, 首先说下全量更新,检测到新版本后从服务器拉取 electron-builder生成的APP.zip文件,解压后,把*.app/*.exe 覆盖现有文件后重启(Mac端)/重新安装(PC端)。这种更新的文件比较大,相当于删掉旧的,重新下载新APP后运行,对于小更新如文案,图片修改,并不友好。electron
转载
2023-11-29 12:27:13
356阅读
electron-vue项目很多时候需要自动更新的功能,避免每次发版都要单独发安装包的尴尬,下面介绍一下如何利用electron-updater来实现自动更新一、 首先是安装,安装方式很多,不多说,这里需要注意的是electron-updater、electron以及electron-builder版本之间的兼容性由于git上下来的electron-vue项目electron版本比较低为
转载
2024-02-05 11:40:14
441阅读
在这篇博文中,我将详细阐述如何使用 Vue、Electron 和 Python 后端构建一个桌面应用程序。我们将从环境准备开始,逐步按照分步指南、配置详解、验证测试、优化技巧以及排错指南的逻辑顺序展开讨论。
首先,确保您具备以下前置依赖:
- **Node.js**:用于运行 Vue 和 Electron
- **Python**:用于后端逻辑和API提供
- **pip**:Python 的
Electron + Vue 项目创建1. vite项目框架搭建按照一般的开发流程,用命令行创建一个vite项目:# use npm or yarn or pnpm
npm(yarn | pnpm) create vite根据自己的需要,选择相应的选项。创建完成后,进入项目,安装依赖并运行,一个基础的vite项目就创建好了。ex:默认创建时,可能需要的额外操作TS支持由于vite默认使用esbui
Vue: Electron打包Vue项目后,首界面空白这个问题呢,是在开发到最后,准备 push 项目到 github 时出现的问题。当我用 npm run electron:build 打包项目后,再次安装打开项目,发现首页空白。更奇怪的现象是,当我 使用 npm run electron:serve 时,界面却可以正常显示,并且一切正常!此时,回头查看了一下项目的路由 router ,可能影响到Electron打包的几个路由,都在这里:我将 path: * 如下图所示,取消注释后,n
原创
2021-09-01 18:43:45
9356阅读
Electron集成vue开发
原创
2022-09-27 16:46:16
225阅读
# Vue调用Electron API
在开发Vue应用时,我们有时候需要调用Electron提供的API来实现一些桌面应用的功能。这里我将为你介绍如何在Vue应用中调用Electron API。
## 整体流程
以下是整个过程的步骤:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 集成Electron到Vue应用中 |
| 2 | 创建Electron主进程 |
|
原创
2024-05-28 11:45:10
317阅读
以下结论整理至网络,本人亲测有效,电脑系统 macOS:版本:Mojave 10.14.6因为 Electron 的源在国外,如果我们直接使用 npm 进行安装,由于众所周知的原因,如果你没有一个好的,通常下载速度只有几 k 到十几 k的速度。如图: 运气非常好时,可能能跑到100多k。而这个包有差不多 50MB,可想而知,如果是以几k的龟速,不知道要下载到猴年马月。反正有一