Vue+Electron

vue+electron 打包发布

一、Electron简介Electron是什么？Electron是GitHub开发的一个开源框架，是网页应用(webapps)的一个原生包装层，它允许使用Node.js（作为后端）和Chromium（作为前端）完成桌面GUI应用程序的开发。Electron可以用于构建具有HTML、CSS、JavaScript的跨平台桌面应用程序，它通过将Chromium和node.js合同一个运行的环境中来实现这
myang，就这样·2024-02-02 04:52

Vue+Electron项目学习（一）（electron-builder + electron-updater + electron-log）

创建Vue项目这里使用vueui创建项目我选择使用yarn作为包管理器，各位看官按自己的喜好来~我选择自己预定的模板，大家可根据自己喜好选择。创建项目，完成vue项目创建。创建好的项目结构如下添加electron-builder插件使用VSCode打开项目，如下图：打开终端，输入以下命令，等待执行完成，安装electron-builder插件。yarnaddelectron-chromedrive
那年的人和事·2024-01-27 09:28

Vue+Electron下Vuex的Dispatch没有效果的解决方案

这个问题是解决基于vue和electron的开发中使用vuex的dispatch无效的问题，即解决了Please,don'tusedirectcommit's,usedispatchinsteadofthis.问题。先允许我梳理一下目录结构，以便阅读的时候不会一头雾水，你到底说的这个文件是哪个……1558185192156其中/src/main是存放主配置文件的，/src/render下面有sto
jxtxzzw·2024-01-15 22:20

【Electron】vue+electron实现无边框窗口

一、前言无边框窗口是不带外壳（包括窗口边框、工具栏等），只含有网页内容的窗口。对于一个产品来讲，桌面应用带边框的很少，因为丑（我们的UI觉得–与我无关-.-）。因此我们就来展开说下，在做无边框窗口时候需要注意的事项以及我踩过的坑。二、实现方案1.创建无边框窗口要创建无边框窗口，只需在BrowserWindow的options中将frame设置为false：const{BrowserWindow}=
前端码农小王·2023-12-20 07:04

vue+electron问题汇总

1.Vue_BugFailedtofetchextension,trying4moretimes描述：项目启动时报错解决：注释图片中内容2.Modulenotfound:Error:Can’tresolve‘fs’in描述：项目启动报错解决：vue.config.js中添加图中数据3.导入electron.remote后，remote为undefined解决：开启remote模块enableRem
一万种可能-码农·2023-12-05 07:19

vue3+ts+vite+electron搭建桌面应用

+vue-ts的项目2.接入electron3.electron启动4.electron打包5.项目目录梳理三、打包首页加载空白问题(补充)前言提示：开发桌面应用，就不得不提Electron，之前使用vue
Bennett_G·2023-11-10 19:21

Vue2.6.11+electron13.0.0在渲染进程中使用remote，报错：“TypeError: fs.existsSync is not a function“。

前言错误原因解决前言Vue+electron项目，当在渲染进程中调用remote时导致页面空白，控制台报错TypeError:fs.existsSyncisnotafunction错误原因渲染进程没有集成
模范生-·2023-10-27 21:02

vuerequire不存在页面_vue+electron中的app.vue中使用require，导致页面空白

代码MyAPPlet{remote}=require('electron');exportdefault{methods:{close(){remote.getCurrentWindow().close();},minisize(){remote.getCurrentWindow().minimize();},restore(){remote.getCurrentWindow().restore(
勃斯丶李mkq0.~·2023-10-27 21:01

Vue+Electron学习系列 (三) -- 自动更新

Vue+Electron学习系列1️⃣Vue+Electron学习系列(一)--初识2️⃣Vue+Electron学习系列(二)--打包发布3️⃣Vue+Electron学习系列(三)--自动更新4️⃣Vue
Bennett_G·2023-10-24 09:35

Vue+Electron打包桌面应用(从零到一完整教程)

文章目录一.使用vite+vue3+js方式一.构建桌面应用1.创建项目2.安装依赖运行项目3.配置Electron4.修改配置文件1)vite.config.js2）main.js(项目根目录新增)3）preload.js(项目根目录下新增)4）package.json5.打包vue项目6.运行electron二.热更新开发环境1.编辑main.js2.同时开启vite和electron服务3.
萧寂173·2023-10-16 16:03

vue+electron

1.安装/升级vue-cli首先确认vue-cli版本：vue–V如果本地使用的是vue-cli2.x或者更早版本，可先卸载：cnpmuninstallvue-cli–g之后执行cnpminstall@vue/cli–g2.创建vue项目vuecreateelectron-vue-demo按照步骤一步一步确认安装3.自动安装electronvueaddelectron-buildera.在安装过程
HONEYMOOM·2023-10-16 09:19

vue+electron开发踩坑记录

文章目录背景框架选型开发过程踩坑记录问题1vue-cli2无法使用vueclipluginelectronbuilder问题2vuecomponent调用ipcRenderer注意！！！补充：vue-cli2和vue-cli3/4的一些区别参考资料背景最近由于项目上的要求，需要开发一个基于数据展示页面。同时保证数据访问有可控性和安全性，需要对设备进行验证，保证非认证设备不会访问到数据。框架选型因为
feiniao8651·2023-10-08 03:57

最简洁Vue+Electron项目搭建教程

开发环境node:v14.19.3npm:6.14.17VueCLI:v5.0.8创建Vue项目正常创建vue项目，并能成功运行#创建项目vuecreateproject#检查项目cdprojectnpmrunserve配置Electron安装依赖##添加electron构建工具vueaddelectron-builder#添加electronnpminstallelectron配置package
Annun·2023-09-25 16:01

js axios vue 带身份验证的图片加载转base64（二进制文件资源处理）

版本信息"vue":"^2.6.14""axios":"^0.27.2"背景vue+electron需要相应信息列表的缩略图；服务器端对所有请求都要求携带登录身份信息。使用独立接口加载缩略图。
1999笃行·2023-09-24 09:21

vue+electron桌面

registry.npmmirror.comvue脚手架安装cnpminstall-g@vue/cli安装electron脚手架npminstallelectron-g创建项目vuecreate项目名一顿选择添加vue
猪八戒1.0·2023-09-22 03:30

vue+electron一键入门

前言帮公司弄了一个vue+electron项目，里面用到了axios、element-ui、ue-router、js-md5、sqlite3这些依赖库，其中sqlite3比较难搞下面会详细展开来讲，同时也涉及打包
An_s·2023-09-15 07:54

vue+electron踩坑吐血整理

1.报错：'cannotuseimportstatementoutsideamodule'以上错误来看node不支持ES6的import写法，所以目的是想如何将ES6转换成ES5,我们只需执行下图的命令2而非命令1，vue-cli-serve脚手架会提前编译ES61.png2.Tray配置的托盘图标不显示问题leticonPath=path.join(__static,'images/logo.p
瓜田猹·2023-09-10 04:50

vue+electron开发桌面应用程序.exe

vue+electron开发桌面应用程序.exe1、安装vue2、安装electron3、安装electron-builder1、安装vuevuecreateelectron-vue2、安装electroncnpmielectron-g3
一入坑不回头·2023-09-02 18:15

vue+electron 跨平台桌面应用开发实战教程

链接vue+electron跨平台桌面应用开发实战教程_家有喜娟儿的博客-CSDN博客_vue+electron操作过程中遇到的Failedtoloadpluginimport:Cannotfindmodule'eslint-plugin-import
chendawen2014·2023-09-02 18:13

vue+electron 打包，自动更新，修改默认安装目录

electron打包，自动更新，修改默认安装目录使用克隆项目安装依赖开发环境启动正式打包技术栈文档应用自动更新1.配置`vue.config.js`中的应用更新服务器地址2.在主进程写更新应用逻辑3.打包一个应用（v1.0.0）4.打包一个升级版的应用（v1.1.0）其他打包打包配置vue.config.js完整示例安装时修改默认目录1.在nsis添加`include`属性：2.根目录新建`ins
Code鱼·2023-08-27 21:46

vue+electron中实现文件下载打开wps预览

下载事件win.webContents.downloadURL(url)触发session的will-download事件win.webContents.session.on('will-download',(event,downloadItem,webContents)=>{//设置文件保存路径//如果用户没有设置保存路径，Electron将使用默认方式来确定保存路径（通常会提示保存对话框）it
Vivqst·2023-08-19 07:02

2022年最新Vue+electron项目创建

一、前言大多数文章都停留在electron-vue中，但是这个库不怎么更新了，最近的更新是九月前，看了很多文章都换其他的工具来构建了，这里推荐GITHUB一个大佬写的基于vue-cli的插件，构建项目非常简单！插件的GITHUB源代码话不多说，开始创建项目！二、环境说明首先确保你的Node、vue-cli、cnpm安装好，具体安装可以查看官网。需要：Node环境，我的是16.x版本vue-cli3
web13618542420·2023-07-29 19:17

electron 生成 arm64 的包

vue+electron：https://blog.csdn.net/qq1195566313/article/details/131713875打包配置修改如下electronBuilder.build
xiaguangbo·2023-07-26 00:26

从零搭建vue+electron桌面应用

从零搭建vue+electron桌面应用一、准备工作1.全局下载electron2.全局下载vue脚手架3.创建vue项目（这里用的是vue2版本）4.安装打包插件5.安装electron-builder
程鹏;·2023-07-19 08:51

vue+electron项目实战总结（遇到了哪些问题，是如何解决的,哪个阶段需要做什么，附带一些常用方法）

electron作为一个将网页打包成桌面应用的工具非常强大，在使用electron的时候要相信它可以实现所有现代软件能够支撑的功能，下面我总结一下我在vue+electron经过4次大版本更新才趋于稳定的开发经验
阿波次嘚·2023-07-15 00:07

免费开源api

数据都是真实的网易云数据2.api大全这是csdn一个兄弟收集的，种类挺多，就是有一些需要money，不过大部分还是免费的3.免费api这是网上一个免费api网站，可以使用众多免费api4.下面是我根据网易云api做的vue
·2023-06-20 00:32

vue+electron第一篇——创建一个桌面应用

创建一个vue项目请检查是否存在node环境,我的node、vue环境,请把node升级到最新，vuecli也升级一下。image.pngvuecreatevue2_electroncdvue2_electron运行下项目npmrunserve如果项目能够正常运行如下图所示，表示代码运行正常，端口号不一定是8080image.png在终端（cmd）中输入Ctrl+c停止运行，接下来集成electr
白衣诗人·2023-04-07 13:19

vue+electron 配合使用

创建vue项目安装vue_cli3.x手脚架npminstall-g@vue/cli打开可视化界面创建vue项目vueui安装Electronnpminstallelectron创建主程序入口（main.js）const{app,BrowserWindow}=require('electron');//引入electronletwin;letwindowConfig={width:800,heig
韶华易逝_珍惜·2023-03-27 19:55

vue+electron加载第三方网站调用node与electron接口的踩坑记录

简单结论BrowserWindow使用loadURL接口后，如果想要使用JavaScript脚本，且脚本中会调用到electron自身的API，例如ipcRenderer与主进程进行通信或remote版本，则必须通过webContent的preload参数注入脚本，将electron接口暴露给第三方网页的环境中才可以进行调用。以下是简单记录。需求我在使用Electron内BrowserWindow
跟着Damon写代码·2023-02-17 10:11

2022年最新Vue+electron项目创建

一、前言大多数文章都停留在electron-vue中，但是这个库不怎么更新了，最近的更新是九月前，看了很多文章都换其他的工具来构建了，这里推荐GITHUB一个大佬写的基于vue-cli的插件，构建项目非常简单！插件的GITHUB源代码话不多说，开始创建项目！二、环境说明首先确保你的Node、vue-cli、cnpm安装好，具体安装可以查看官网。需要：Node环境，我的是16.x版本vue-cli3
GIS_宇宙·2022-11-29 22:42

基于Vite搭建Electron+Vue3的开发环境

目前社区两大Vue+Electron的脚手架：electron-vue和vue-cli-plugin-electron-builder。
hzbooks·2022-11-24 08:17

vue+electron实现创建多窗口及窗口间的通信(实施方案)

目录一、前言二、实施方案1.创建多窗口2.多窗口间的通信三、后记一、前言对于一个桌面应用来说，有时候单独一个窗口用户使用起来会不太方便，比方说写日报或者查看文件等，若是在同一窗口内，我只能做一件事，不能边预览文件，边去查看聊天消息内容等。又或者是多个应用间相互关联的需要同步查看的事件，这都是极其不方便的。因此我们可以将某些集成到electron软件中的应用或者某些界面用单独的窗口打开（以下称为独立
·2022-09-09 02:06

通过vue ui方式构建vue+electron项目

以前我构建vue+electron项目都是使用一些模版比如webpack,simulatedgreg/electron-vue等，这些模版在github上，有时候可能因为网络原因下载会慢一些。
luffy5459·2022-09-06 07:31

vue+electron搭建JS桌面应用

1.vue先打包，拷贝打包好的项目dist2.在打包好的vue项目下，全局安装electronnpminstallelectron-g3.放入main.js和package.jsonconst{app,BrowserWindow}=require('electron');//引入electronletwin;letwindowConfig={width:800,height:600};//窗口配置
浩浩浩浩浩浩荡·2022-08-22 15:34

Vue+Electron开发跨平台桌面应用（实战）

来源|xiangzhihong前言虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。Electron是一个基于Chromium和Node.js，使用HTML、CSS和JavaScript来构建跨平台应用的
傲娇的koala·2022-08-05 22:03

vue+electron 跨平台桌面应用开发实战教程

一、创建项目1.1安装vue-cli先查看是否已经安装了vue-cli，vue-cli的版本是什么?查看版本命令：vue--version如果版本叫老，可以直接卸载，再安装最新版本卸载命令：npmuninstallvue-cli-g安装目录：npminstall@vue/cli-g1.2使用vue-cli创建项目选取一个项目存放的路径，然后开始创建项目创建项目命令：vuecreateraje-re
家有喜娟儿·2022-08-05 22:31

vue + electron应用文件读写操作

目录vue+electron应用文件读写正常操作流程vue+electron应用文件读写在使用electron制作桌面应用时，基本都会需要数据的存储。
·2022-06-04 01:35

vue+electron项目，在vue中使用electron的模块出现：Uncaught ReferenceError: __dirname is not defined

解决办法：在项目根目录中创建vue.config.js文件，添加以下内容module.exports={pluginOptions:{electronBuilder:{nodeIntegration:true}}}参考stackoverflow
gstorm·2022-02-13 00:34

pythonelectron桌面开发案例_使用Vue+Electron构建桌面应用

vue+electron再加上一款称心如意的UI库(打算选Bulma)，不能再顺手，想想都激动。本来觉得挺简单，vue开发，差不多了打包到dist，再丢到elect
梁浩赞·2020-12-29 04:35

Vue+Electron项目简洁快速搭建教程

Vue+Electron项目搭建教程最近写一个项目，需要使用Electron集成Vue，特此记录搭建过程Vue+Electron常用搭建方式在之前，通常我们会使用electron-vue脚手架来快速搭建
hkoos·2020-12-13 16:28

Vue+Electron项目简洁快速搭建教程

Vue+Electron项目搭建教程最近写一个项目，需要使用Electron集成Vue，特此记录搭建过程Vue+Electron常用搭建方式在之前，通常我们会使用electron-vue脚手架来快速搭建
hkoos·2020-12-13 16:08

Vite ❤ Electron——基于Vite搭建Electron+Vue3的开发环境【一】

背景目前社区两大Vue+Electron的脚手架：electron-vue和vue-cli-plugin-electron-builder，都有这样那样的问题，且都还不支持Vue3，然而Vue3已是大势所趋
liulun·2020-12-10 15:26

electron 打包_Vue+Electron开发跨平台桌面应用实践

总篇43篇2019年第17篇背景公司去年对CDN资源服务器进行了迁移，由原来的通过FTP方式的文件存储改为了使用S3协议上传的对象存储，部门内@柴俊堃同学开发了一个命令行脚本工具RapidTrans(睿传)，使用睿传可以很方便将本地目录下的资源上传到S3中。睿传运行时接收两个主要参数，一个为待上传的本地路径，一个为上传到CDN后的路径，我们可以在项目的package.json中去配置scripts
weixin_39634900·2020-11-25 05:08

.desktop 桌面快捷_使用vue+electron实现一个桌面截图工具

项目背景目前各个平台下都有很多优秀的截图软件可以选择，包括qq、微信等社交软件都可以实现快速截图。但除了截图外，我最常用的主要还有快速查看并复制界面颜色码。此前，在windows下我一直使用snipaste这个截图工具，小巧易用，想要的功能都有。现在除了偶尔用到office要切换到windows外，都在linux下折腾。但linux系统下，始终没有找到类似snipaste的截图工具，优秀的截图工具
weixin_39854440·2020-11-03 20:58

vue+electron打包桌面应用

vue项目使用electron打包成exe文件需求：需要把vue项目打包生成桌面应用，点击桌面图标进入程序，不需要在浏览器输入地址。而且在没有网络的情况下也能正常使用。效果图图片:首先你需要一个完整的vue项目，执行打包命令npmrunbuild。然后你的文件夹中有个dist文件夹，在终端cddist进入dist文件夹下载electron在dist文件夹下执行命令npminstallelectro
yan_hai_·2020-09-12 15:37

Vue+Electron下Vuex的Dispatch没有效果的解决方案

这个问题是解决基于vue和electron的开发中使用vuex的dispatch无效的问题，即解决了Please,don'tusedirectcommit's,usedispatchinsteadofthis.问题。先允许我梳理一下目录结构，以便阅读的时候不会一头雾水，你到底说的这个文件是哪个……其中/src/main是存放主配置文件的，/src/render下面有store、router、com
weixin_30532759·2020-08-22 14:51

使用原生vue搭建electron常见报错

效果都不怎么理想，electron-vue的electron版本太老，升级坑实在是太多，electron-forge版本不知道怎么更新，最后还是选择原生的vue框架来搭建，查了不少资料，解决了一部分问题创建一个vue
barzar·2020-08-17 04:13

自己动手用electron+vue开发博客园文章编辑器客户端【一】

最近搞了个APP（还没上线），打算把心得写到博客里，发现没有趁手的编辑器于是动手重新搞这个东西这次用Vue+electron来搞，算是技术的主流了先把搞这个东
weixin_34218890·2020-08-17 03:45

vue+electron开发桌面应用程序

一、初始化项目运行，vueinitsimulatedgreg/electron-vue项目名称1vueinitsimulatedgreg/electron-vueadmin这里的项目名称是“admin”如果没有安装vue脚手架，请查看《springboot+vue+element-ui全栈开发入门——windows开发环境》一路回车然后运行npminstall来安装依赖，运行方式和之前一样。如果遇
weixin_30745553·2020-07-08 14:52

基于Electron实现桌面应用开发代码实例

本文主要分享一下采用vue+electron开发桌面程序的搭建过程。
·2020-07-07 10:03
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他