目录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阅读
前言这几天想搞个桌面软件玩玩，然后经过各种安装都靠不住，所以还是打算写一篇文章记录自己安装过程遇
原创
2022-07-25 16:35:36
132阅读
electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
转载
2024-06-12 10:36:43
140阅读
# 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阅读
官方文档：https://www.electronjs.org/zh/docs/latest/tutorial/tutorial-first-app一、基本要求1.检测环境node -v
npm -v 二、创建您的第一个应用程序1.初始化 npm 项目mkdir my-electron-app
cd my-electron-app
npm init2.安装完 Electron 
转载
2024-06-24 10:37:30
189阅读
Electron 教程Electron 教程简介Electron 快速入门Electron 桌面环境集成Electron 在线/离线事件探测Electron 进程Electron 支持的 Chrome 命令行开关Electron
原创
2021-07-22 11:32:50
487阅读
【前言】上一节讲了electron应用的主进程开发部分，本节继续渲染进程的开发Electron实战QZip-02：主进程开发_uikoo9的博客【渲染进程开发模式选择】上节讲了使用qiao-electron-cli init生成的代码项目结构qzip，主项目，主要是构建mac应用和dmg打包，以及提供dev的electron环境｜--qzip-pack，打包相关的配置文件和图标等｜--qzip-s
如何用Web前端技术就能开发出桌面应用程序？Web前端技术开发桌面应用的方式CEF：用 Chromium&Webkit 来呈现 web 页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目 Chromium 及 node.js。nw：基于Chromium 和 node.js，利用 web 方式开发跨平台桌面应用的平台技术。electron：底层也是基于Chr
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阅读
Electron教程（3）如何打包 electron 程序：electron-forge 的使用教程前言最近自己有个小的需求，是做一个能编
原创
2022-06-30 11:27:20
10000+阅读
1评论
相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用，今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架，该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。
转载
2017-12-14 14:04:00
312阅读
2评论
这几天到年底了，公司也没啥事，闲着就到处瞅瞅。记得上一家公司的时候用 Electron+ng1 写过项目，只是那个时候项目框架都是别人搭的，自己只负责写功能，对Electron没啥认识。 这几天想着反正闲着也是闲着，就捡起来自己玩玩，顺便记录一下。一、环境安装： 前端开发，现在不管是那个方向，都免不了使用NPM，所以node.js的安装是必须的，也是最基础的一步。 1、安装node.js，从官
转载
2024-05-07 11:26:53
139阅读
引言本篇将介绍如何将你开发的electron项目(main.js), 打包成一个可执行桌面程序(.exe).有两个流行的工具可以做到这一点: electron-builder 和 electron-packager.我不会详细地对比两者的优劣, 但会通过三个事实来帮助你选择合适的工具.1. electron-builder的Star为7.7k, e
转载
2024-07-04 22:55:03
277阅读
在这篇博文中，我将详细阐述如何使用 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阅读
