vue -V 如果版本叫老,可以直接卸载,再安装最新版本、卸载 npm uninstall vue-cli -g vue create
原创
2022-07-07 11:23:40
166阅读
一、Electron简介Electron的应用,使得了JS不仅仅可以BS端项目,还可以做CS端项目。另外今天之所以研究下Electron,还是因为公司的需要,业务场景是,通过Electron.js开发出的桌面应用让客户可以通过这个桌面应用管理设备和资产,同时也可以监控对应的设备状态等等。传统的exe对于我们而言,太繁重了,不是很适合。当然了,负责这块的人不是我,我对此还是有点小兴趣,为此,还是在w
转载
2024-03-06 16:30:47
117阅读
如何用Web前端技术就能开发出桌面应用程序?Web前端技术开发桌面应用的方式CEF:用 Chromium&Webkit 来呈现 web 页面,是客户端里面嵌浏览器,浏览器里面跑网页。heX:基于CEF,内部整合了开源项目 Chromium 及 node.js。nw:基于Chromium 和 node.js,利用 web 方式开发跨平台桌面应用的平台技术。electron:底层也是基于Chr
前言Electron作为一款跨平台的桌面应用端解决方案已经风靡全球。作为开发者,我们几乎不用关心与操作系统的交互,直接通过Web前端技术与Electron提供的API就可以完成桌面应用端的开发。然而,为什么国内使用Electron的踩坑文章数不胜数,主要原因是Electron为了支持跨平台,为不同的操作系统平台进行了适配,将chromium内核与node集成到了一起,屏蔽了底层操作系统的细节,所以
目录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阅读
# 使用 Electron 调用 Python 库的入门指南
在这篇文章中,我们将详细讲解如何使用 Electron 框架调用 Python 库。Electron 是一个可以构建跨平台桌面应用的框架,结合 Python 更是可以实现强大的功能。下面我们将列出实现这一目标的步骤,以及对应的代码示例。
## 实现步骤
| 步骤 | 描述
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的安装和使用(idea)vue是个前端框架。1.安装Node NPM(node package manage)是Node提供的模块管理工具,可以非常方便的下载安装很多的前端框架,包括jquery,AngularJS,VueJs都有,我们需要先安装node及NPM工具。 4.安装vue npm install vue --save二、vue入门案例Demo01<div id="app
转载
2024-05-31 14:55:54
105阅读
提示:刚接触Vue,对于前端掌握的也不熟练,后续的一些样式定义应不满足专业人士规范,仅供参考 Vue基础入门一、Vue入门二、Vue中的指令2.1 v-if2.2 v-if-else2.3 v-show2.4 v-for2.5 v-text 和 v-html2.6 v-cloak2.7 v-once2.8 v-on2.9 v-bind2.10 v-model三、小案例3.1 选项卡总结 一、Vue
转载
2024-05-15 05:49:25
445阅读
Electron + Vue 项目创建1. vite项目框架搭建按照一般的开发流程,用命令行创建一个vite项目:# use npm or yarn or pnpm
npm(yarn | pnpm) create vite根据自己的需要,选择相应的选项。创建完成后,进入项目,安装依赖并运行,一个基础的vite项目就创建好了。ex:默认创建时,可能需要的额外操作TS支持由于vite默认使用esbui
在这篇博文中,我将详细阐述如何使用 Vue、Electron 和 Python 后端构建一个桌面应用程序。我们将从环境准备开始,逐步按照分步指南、配置详解、验证测试、优化技巧以及排错指南的逻辑顺序展开讨论。
首先,确保您具备以下前置依赖:
- **Node.js**:用于运行 Vue 和 Electron
- **Python**:用于后端逻辑和API提供
- **pip**:Python 的
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的龟速,不知道要下载到猴年马月。反正有一