目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json文件和main.js文件第五步：加载vue项目第六步：运行electron命令，弹出应用框。前言最近准备写一个前端桌面应用，了解到了一个新的框架——Electron，它是一个使
转载
2024-07-24 09:49:52
337阅读
目录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 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阅读
相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用，今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架，该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。
转载
2017-12-14 14:04:00
312阅读
2评论
在这篇博文中，我将详细阐述如何使用 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的龟速，不知道要下载到猴年马月。反正有一
0、前提：node、npm、cnpm、yarn、vue 1、设置electron国内镜像 npm config set ELECTRON_MIRROR "https://npm.taobao.org/mirrors/electron/" npm config set ELECTRON_CUSTOM_ ...
转载
2021-08-12 15:12:00
353阅读
2评论
vue -V 如果版本叫老，可以直接卸载，再安装最新版本、卸载 npm uninstall vue-cli -g vue create
原创
2022-07-07 11:23:40
166阅读
第一步：用vue-cli3.0创建一个项目打开命令行工具vue create demo选择默认 安装完成第二步：安装vue-cli-plugin-electron-builder进入项目cd demo进入vue项目管理器：vue ui导入demo 点击插件，并添加插件 搜索vue-cli-plugin-electron-builder,勾选，安装 安装完成后，点击“安装完成”，（必须要点击安装完成
如何用 Vue.js + Electron 把你的 Python 控制台应用套上好看的 GUI[0]引言技术调研基本情况我为什么没有选择 Qt、Tkinter、pyQt 和 MATLAB 的 GUI 工具箱基于 WEB 的技术的优势做出了一个什么东西 引言通常，捉虫的程序员总是活跃在月黑风高的后半夜。漫漫长夜过后，看到项目里的虫子终于应捉尽捉，幸运的嵌入式/算法/测试程序员总算可以长舒一口气。但
转载
2024-01-12 05:46:33
206阅读
这段时间研究了 Vue 和 Koa2，想把二者结合起来，Vue 作为前端框架，Koa2 作为后端框架，如何打通前后端的数据通过，需要解决跨域问题，现将其中的一些关键配置记录下来，供大家参考：本篇文章主要内容：· 新建 Vue 前端项目· 新建 Koa2 后端项目· 解决跨域问题，实现前端接收后端发来的数据 教程所用的项目目录名称（名称可以任意）：|-- vue-mall-mo
转载
2023-08-12 22:35:04
126阅读
目录一、props配置项1、安装依赖2、做一个纯净的vue项目3、自定义属性之props配置项二、mixin（混入）前置操作局部混入全局混入三、插件前置操作自定义指令（了解，不了解没关系）定义全局变量使用全局混入自定义全局组件(了解)四、elementui使用(重点)第三方框架介绍elementui的使用3、组件的使用五、localStorage和sessionStorage1、什么是 local
