vue项目通过Electron生成桌面应用一、安装1. 把electron的官方demo下载下来2. 安装cnpm3. npm start 启动electron4. 修改vue项目5. 打包vue项目，将打包出来的dist文件夹复制到electron项目的根目录下6. electron文件夹中，删除根目录下index.html文件7. electron文件夹中，修改main.js，修改打包文件路
转载
2023-07-17 15:07:50
261阅读
目录一、Electron介绍二、项目搭建1. 使用 vue cli 创建vue项目2. 安装插件 vue-cli-plugin-electron-builder编辑三、开发总结1. 配置项目图标2. 在Mac系统下的几个问题3. 项目开发模式运行出现 Failed to fetch extension 警告4. 项目使用本地的vue devtools一、Electron介绍Electro
文章目录前言一、Electron是什么？二、使用步骤1.安装Electron2.启动程序3.打包4.问题总结 前言之前我们利用Vue-cli生成了一个Vue3的项目，接下来我们利用Electron生成一个桌面应用一、Electron是什么？Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 这些应用程序可以打包后在 macOS、Windo
转载
2024-01-17 08:19:12
313阅读
2020年10月22日14:10:28关于windows，linux，mac跨平台桌面应用开发选型，我开始的选择是c#，基本足够使用，但是也不得感叹，.net core的发展也是非常快，基本快赶上java了，但是很多地方，开箱即用的还差得有点多，加上我本来是想转cpp方向，只是试用了一下，基本很不错做桌面，做web方向还是不建议然后我开始寻找c++ ui库，比如Duilib 很多大公司在用，但是看
转载
2023-11-16 14:54:21
110阅读
用黑框框（命令）运行1：先要安装 node-gypnpm install -g node-gyp （全局安装）2.需要安装
原创
2023-02-23 09:22:01
198阅读
作者 | Kelvin Omereshone作为 Electron 的替代方案之一，Tauri 可通过已有的 HTML、CSS 和 JavaScript 创建小型、快速且安全的桌面应用。在这篇文章中，作者演示了如何使用 Tauri 和 Vue 两种技术，将一个名为 nota 的示例应用打包为原生应用。什么是 TAURI？Tauri 的官网是这样介绍的：Tauri 是一个多语言工具链，可使用小型和快
文章目录electron系列文章目录复习一、构建项目以谁为主二、创建项目1.使用vite创建vue项目2.vue项目中下载electron3.定义入口文件三、electron中运行vue项目electron增加窗口显示electron中运行vue项目总结 复习前面已经简单介绍如何创建一个比官网更简单的electron应用，如果时间充裕，还是建议以官网为主，本系列为辅，快速学习electron。
使用vue和electron进行桌面应用开发， electron官网 ， 面对需求，研究学习了两者的联合使用 vue，在前端领域比较火，轻量级的单页面应用框架，上手较angular,react会容易一些，而且vue-cli可以快速的新建一个工程。 Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，类似于我们电脑中的
## 如何实现Java Vue桌面应用程序
### 1. 整体流程
为了实现Java Vue桌面应用程序，我们需要经过以下几个步骤：
```mermaid
journey
title Java Vue桌面应用程序实现步骤
section 设计
开发环境准备 --> 代码编写 --> 测试和调试 --> 打包发布
```
### 2. 每一步的操作和代码
原创
2024-01-18 11:07:13
303阅读
先搭建vue/cli脚手架应用 推荐4.x版本vue create project-name在cli目录下 执行下面代码vue-cli-plugin-ele
原创
2022-07-06 19:12:35
353阅读
如何使用Python和Vue打包桌面应用
## 引言
Python和Vue.js是两个非常流行的编程语言和框架，它们分别用于后端和前端开发。本文将介绍如何使用Python和Vue.js来创建一个桌面应用并进行单机打包。
## 流程
下面是整个流程的步骤概览：
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建Vue.js项目 |
| 2 | 编写前端代码 |
| 3 |
原创
2023-12-30 10:08:35
288阅读
1.安装vue脚手架npminstall-g@vue/cli2.创建vue项目vuecreategua-tools3.启动项目cdgua-toolsnpmrunserve4.vue项目中添加electron模块vueaddelectron-b
转载
2023-09-08 10:12:05
7174阅读
2评论
相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用，今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架，该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。
转载
2017-12-14 14:04:00
312阅读
2评论
1. 在原先已有的Vue项目里面，打开终端执行vue add electron-builder ; 2. 选择合适的版本安装好这个插件，执行npm run electron:serve ； 3. 如果页面没有什么错误，就会弹出一个vue的应用窗口，说明准备工作已经完成； 4. 如果需要修改桌面应用界
原创
2022-07-25 10:31:56
255阅读
1 环境准备Node：v16.20.2（本地vue项目nodejs版本）Electron：22.3.7vue：2版本管理2 Vue项目准备更新相关依赖npm install --registry https://registry.npmmirror.com/npm run dev3、引入Electorn安装指定版本Electron：npm install electron --save-dev
原创
2024-10-04 17:22:05
933阅读
构建Vue3桌面应用程序的方法在本文中，我们将研究如何通过 Vite 开发 Vue 3 桌面项目。在项目中会用到 Electron ， 一种最流行的框架，可使用Javascript构建跨平台的桌面应用程序。 因此，许多受欢迎的应用程序都在使用Electron，例如VSCode，Slack，Twitch等。先看看要做什么：尽管这只是一个 Vite 的基本模板，但它跑在专用程序而不是浏览器中。 这是构
转载
2024-09-20 20:14:11
275阅读
Electron+Vue开发跨平台桌面应用 xiangzhihong发布于 2019-12-23 虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的 ...
转载
2021-08-04 18:15:00
193阅读
2评论
Electron+Vue开发跨平台桌面应用 xiangzhihong发布于 2019-12-23 虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的 ...
转载
2021-08-04 18:15:00
349阅读
2评论
虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。Electron是一个基于Chromium和 Node.js，使用 HTML、CSS和JavaScript来构建跨平台应用的跨平台开发框架，兼容 Mac
转载
2022-11-21 17:24:22
139阅读
在现代 Web 开发中，Vue.js 和 Electron 已经成为非常流行的技术栈，用于开发跨平台的桌面应用程序。Vue 是一个轻量级的、渐进式的 JavaScript 框架，广泛应用于构建单页应用（SPA）和用户界面（UI）。而 Electron 是一个基于 Node.js 和 Chromium 的开源框架，它可以让开发者使用 Web 技术（如 HTML、CSS 和 JavaScript）构建
