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+vue3+typescript 实现流程
### 1. 确保环境准备
在开始开发前，需要确保本地环境已经安装了以下工具：
- Node.js：用于运行JavaScript的运行时环境。
- npm：Node.js的包管理工具，用于安装和管理开发所需的依赖包。
### 2. 创建一个新的项目
首先，我们需要创建一个新的项目文件夹，并在终端中进入该文件夹：
```b
原创
2023-09-11 11:53:00
277阅读
在这篇博文中，我将详细记录如何将 Electron 集成 Vue 3 和 TypeScript，涵盖了从环境准备到生态扩展的各个方面。这个过程对我来说非常重要，因为它帮助我在实现一个完整的桌面应用程序时，整合了现代前端技术。
## 环境准备
要开始这个项目，我们需要一些基础环境和依赖。首先确保你的机器上安装有 Node.js 和 npm。
### 依赖安装指南
以下是不同平台的安装命令：
目录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阅读
前言刚开始使用 vue3 的时候，总是会带着点 vue2 的思想残留，被 vue2 中的 this 所支配。不自觉地习惯性使用 this ，开发环境是不报错的，编译打包后才报错。所以，在 vue3 中使用 this ，是巨坑。Vue3中this的替代方案、以及使用ctx打包后指向错误setup 在生命周期 beforecreate 和 created 前执行，此时 vue 实例对象还未创建，因此
原创
2021-11-24 16:23:57
1178阅读
先搭建vue/cli脚手架应用 推荐4.x版本vue create project-name在cli目录下 执行下面代码vue-cli-plugin-ele
原创
2022-07-06 19:12:35
353阅读
目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json文件和main.js文件第五步：加载vue项目第六步：运行electron命令，弹出应用框。前言最近准备写一个前端桌面应用，了解到了一个新的框架——Electron，它是一个使
转载
2024-07-24 09:49:52
337阅读
如果您有疑问，请观看视频教程《Vue3实战教程》插件介绍插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例：jsimport { createApp } from 'vue'
const app = createApp({})
app.use(myPlugin, {
/* 可选的选项 */
})一个插件可以是一个拥有 i
最近在客户端开发中需要用带数据库作数据的存储，之前为了图方便，一直都是使用浏览器自带的indexedDb。但毕竟这样也只是一种折中的选择，因此想着把数据切换到sqliteDb中。研究了一番终于搞定。前提better-sqlite3看官网上说是对sqlite3进行了更好的封装，而且github上也有2k个star，所以就选它了！github.com/JoshuaWise/…electron是基于no
转载
2021-01-27 22:38:11
5810阅读
2评论
前言这几天想搞个桌面软件玩玩，然后经过各种安装都靠不住，所以还是打算写一篇文章记录自己安装过程遇
原创
2022-07-25 16:35:36
132阅读
Electron是一个跨平台的桌面应用程序开发框架，它允许开发人员使用Web技术（如HTML、CSS和JavaScript）构建桌面应用程，这些
原创
2024-03-15 15:11:43
643阅读
Vue3项目整合Electron第一步安装：VUE3安装vue3脚手架npm install -g @vue/cli安装 yarn，并设置淘宝源npm install -g cnpm --registry=https://registry.npm.taobao.org设置ELECTRON_MIRROR,加速electron的预编译npm config set ELECTRON_M...
原创
2022-12-19 13:51:20
616阅读
# 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阅读
# 使用 Yarn 创建 Electron 17 和 Vue 3 项目
随着桌面应用的不断发展，Electron 和 Vue 3 成为了开发现代桌面应用的热门选择。Electron 允许开发者使用 Web 技术构建跨平台桌面应用，而 Vue 3 提供了一个现代化的前端框架，使得开发变得更加简单和高效。本篇文章将通过使用 Yarn 创建一个 Electron 17 与 Vue 3 的项目，并包含代
### Electron Vue Python实现教程
作为一名经验丰富的开发者，我将教你如何实现"electron vue python"这一技术组合。首先，我们需要明确整个过程的流程，然后逐步进行操作。
#### 流程步骤
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建Electron应用 |
| 2 | 集成Vue.js到Electron应用 |
| 3 |
原创
2024-06-08 05:28:26
105阅读
Electron是一个跨平台的桌面应用程序cOS和Linux等
原创
2023-07-29 19:54:57
760阅读
npm config set registry=https://registry.npm.taobao.org/ npm config set E
原创
2022-08-29 17:01:07
209阅读
1、打开vscode终端，cd进入指定目录【注意，是整个项目的文件夹，该文件夹未来将包含前端和后端的项目】，并在指定目录下输入如下指令，检查是否按照node和npm，若已安装，则输出对应版本：①检查node版本node -v②检查npm版本npm -v安装成功，返回安装版本（如图所示）2、安装vue-cli脚手架【若使用npm，由于npm镜像在国外下载速度缓慢，推荐使用yarn下载；若仍想使用np
转载
2023-11-01 19:51:27
91阅读
