Electron-Vue

【Electron-Vue】构建桌面应用（4）-linux-windows-mac交叉打包

1.前言上两篇博客做了在windows下的electron-vue项目的打包发布，由于electron是跨平台的，所以需要产品支持多平台即Windows，Linux，Macos系统。
逆风飞翔的猿·2024-09-07 19:02

【Electron-Vue】搭建Electron-Vue前端桌面应用

目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json文件和main.js文件第五步：加载vue项目第六步：运行electron命令，弹出应用框。前言最近准备写一个前端桌面应用，了解到了一个新的框架——Electron，它是一个使
aDiaoYa_·2024-08-21 19:22

3、electron-vue菜单栏跳转

方法一：主线程与渲染线程通信（1）在主线程目录main的index.js配置如下，其中mainWindow是BrowserWindow对象...consttemplate=[{label:'主页',click(){mainWindow.webContents.send('href','home');}},{label:'设备',click(){mainWindow.webContents.send
诺风丶·2024-03-02 18:07

electron-vue使用elementui，有数据但table表格显示空白

在.electron-vue目录下找到webpack.renderer.config.js文件，修改：letwhiteListedModules=['vue']-->letwhiteListedModules
Hi小胡·2024-02-13 05:00

使用Electron-vue创建一个桌面应用

Electron是一个使用JavaScript，HTML和css等web技术闯进原生程序的框架Electron+vue的解决方案，使用Electron-vue可以简单快捷的创建一个使用vue框架的electron
广告位招租·2024-02-12 18:39

前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

从模块化说起模块化是什么时候提出的？怎么实现js代码的模块化，为什么要做模块化？模块化的概念在软件开发领域已经存在很长时间，但在JavaScript中的模块化发展相对较晚。以下是对您提出的问题的回答：提出时间：JavaScript中的模块化概念相对较早地提出于CommonJS规范。CommonJS是一种JavaScript模块化规范，最早在2009年由RyanDahl和其他社区成员提出，并主要用于
森叶·2024-02-07 20:36

Electron-vue 关于图标的修改

electron-vue图标提示：图标包括：启动项目时桌面主题图标，窗口左上角图标，菜单栏图标，系统托盘图标，打包安装图标、开始菜单图标、快捷方式图标等。
梅子酱~·2024-02-05 17:03

vue.js反编译_基于electron-vue开发的微信小程序反编译客户端

虽然有开源库但是还是有同学不清楚如何去操作，所以索性做了一个客户端方便进行小程序的反编译#技术选型网上已经有大佬实现了C#版的反编译工具，博主已多年没写C#所以选择了对于前端人比较友好易于上手的技术--electron-vue
weixin_39996035·2024-01-27 06:00

解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题

这篇是记录我在electron-vue中使用elementUi插件一直报错的问题，1、首先我是使用el-time-picker组件出现了各种警告和样式问题，根据晚上说的降低版本匹配版本之后还是不行，各种版本都尝试了一遍
竹立荷塘·2024-01-20 14:41

Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案

webpack_hmrnet::ERR_ABORTED解决方案使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息【附】经过测试electron的版本为13.1.4时也能解决解决方案将项目下的.electron-vue
竹立荷塘·2024-01-20 14:11

electron-vue设置的环境变量如何在打包后能正常读取到

一、主进程中获取在Electron的主进程中，环境变量在打包后可能会丢失。这是因为环境变量通常只在构建过程中使用，而不是在运行打包的应用时使用。如果你需要在打包的应用中使用某些配置，你可以考虑使用webpack的DefinePlugin插件。这个插件可以让你创建在编译时可以配置的全局常量。首先，你需要在你的webpack配置文件中添加DefinePlugin插件。在你的webpack.main.c
竹立荷塘·2024-01-20 14:41

webpack打包后引用cdn的js_webpack入门

内容提纲：electron-vue项目中的webpack工程实例思考webpack与gulp/gruntHMRelectron-vue项目中的webpack工程实例从electron-vue项目中的实际使用例子来入手如下是
weixin_39662263·2024-01-20 02:56

Electron-vue之serialport使用以及打包问题记录

electron本质上，electron就是一个带了Chrome浏览器的壳子。它结合了Chromium、Node.js和用于调用操作系统本地功能的APIs（如打开文件窗口、通知、图标等）electron-vueelectron-vue是一个结合vue-cli与electron的项目，主要避免了使用vue手动建立起electron应用程序。vueinitsimulatedgreg/electron-
liufeng07·2024-01-16 15:44

electron-vue脚手架搭建的项目，运行后报错：Object.fromEntries is not a function

electron-vue脚手架搭建的项目，运行后报错：Object.fromEntriesisnotafunction项目目录前端控制台打印错误：解决办法：安装polyfill-object.fromentries
web前端小学生·2024-01-16 15:12

electron-vue自定义窗口

electron-vue自定义窗口1.主进程中添加frame:falsemainWindow=newBrowserWindow({height:563,minHeight:400,minWidth:500
weixin_42256366·2024-01-03 19:22

electron-vue yarn run build 执行流程问题爬坑

node.electron-vue/build.js&&electron-builderC:\Users\ruiquan_liu\Desktop\pos-progict\builder\my-project-builder\.electron-vue
渺渺空空·2024-01-01 05:32

一文搞懂Electron + Vue的开发

electron-vue不要再用了，版本太老作者也不更新，而且electron11.0才开始支持AppleSilicon(m1)机型。
mordom·2023-12-27 11:11

解决electron编译报错 （xxx文件从github下载失败）

报错原因:受限于墙以及网络环境，很多人在尝试打包electron程序时都会碰到各种问题，下面以electron-vue模板为例（打包使用electron-builder），windows环境下，一步步解决打包时所遇到的错误
云风xe·2023-12-27 06:32

[开发心得]Electron应用自动升级 autoUpdater的使用。

(我手里的项目使用的electron-vue版本为"vue-electron":"^1.0.6",对应的electron是"electron":"^2.0.4",
虹梦未来·2023-12-27 06:32

electron-vue报错：(index):1 Uncaught ReferenceError: require is not defined at (index):1

报错：(index):1UncaughtReferenceError:requireisnotdefinedat(index):1(index):1UncaughtReferenceError:processisnotdefinedat(index):1renderer.js:1UncaughtReferenceError:moduleisnotdefinedatrenderer.js:1解决方法
宝藏程序员·2023-12-25 17:12

Electron-Vue程序启动控制台报错：Uncaught ReferenceError: require is not defined at (index):1

一、前言我在使用electron制作exe安装包的项目中用到了nodejs的一个usb模块，遇到了一些问题。二、问题描述npminstall安装（我的这个版本是：“usb”:“^1.6.3”,）之后，启动项目之后发现页面空白，我打开控制台发现了这样的报错：三、问题分析和解决1、分析这里需要知道electron本质是什么，来看一张图片：Chromium:为Electron提供了强大的UI能力，可以不
竹石七·2023-12-25 17:09

Electron-vue开发桌面应用调用TSCLIB.dll(tsc标签打印机连接库)

最新，最终解决方案http://t.csdn.cn/szQRy原因：要做个防伪标签打印软件，打印数据是来自服务器。最开始用的是JavaScript调用TSC来做打印（只能用IE浏览器，使用人员总会无意关闭IE的相关设置，使用麻烦）。干脆就做成桌面软件麻烦事少。最开始看了TSC大陆官网的dll动态连接库，有Python的例子，想用pyqt来做桌面程序；试了试之后，发现自己对Python还是太不熟悉了
1999笃行·2023-12-21 17:05

Electron+Vue手动搭建(非electron-vue方式)

以往的electron-vue框架搭建比较便捷，但是在打包时会出现一些报错。
咖啡与喵·2023-12-17 08:35

【electron-vue】安装+解决错误

前言根据参考文献进行安装electron-vue时出现错误，特来记录问题并追溯当前版本>node-vv16.20.2>npm-v8.19.4>vue-V@vue/cli5.0.8实操和问题记录参考博客electronvue
双木又一人·2023-12-03 19:15

Electron-vue第一章：创建和自动生成嵌套路由

#安装vue-cli和脚手架样板代码npminstall-gvue-clivueinitsimulatedgreg/electron-vuemy-project#安装依赖并运行你的程序cdmy-projectyarn#或者npminstallcnpminstall运行yarnrundev#或者npmrundev第一步：安装第二步：填坑根据提示cdmy-project并安装依赖npminstall，
悍司命·2023-11-30 09:47

解决electron-vue中element-ui表格无法显示问题

1.之前用vue做过很多次项目，都没有出现类似问题，一开始我怀疑我element-ui的版本不对，陆续重新下了依赖还是不显示。2.后面解决方法是，在如下文件中加入element-ui就可以解决。
summer鸿·2023-11-23 19:20

解决vue-electron element-UI中el-table表格不显示

解决方案：修改.electron-vue\webpack.renderer.config.js将letwhiteListedModules=['vue']修改为letwhiteListedModules
Phantom1003·2023-11-23 19:50

electron-vue主进程TS不能识别?.问号点运算符

故障现象在主进程中使用?.点这种写法编译报错（?.主要是防止null的问题导致代码执行异常）。consta={b:1};constval=a?.b;//主进程报错，如果再渲染进程则正常console.log(val);解决方案修改tsconfig中的esnext为es6"compilerOptions":{"target":"es6",}
迈克雷（MichaelRay）·2023-11-19 01:17

Vue-pdf踩坑记录

开发机系统为Windows，使用的框架为electron-vue。
志行千里者·2023-11-19 00:26

Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案

ERR_ABORTED解决方案使用版本解决方案解决总结使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息【附】经过测试electron的版本为13.1.4时也能解决解决方案将项目下的.electron-vue
竹立荷塘·2023-11-12 08:59

解决electron-vue打包错误问题，nsis和winCodeSign下载失败问题

今天在打包基于electron-vue的项目时报错问题，就是nsis和winCodeSign下载失败问题。
qhd吴飞·2023-11-10 20:03

electron监听网页_Electron-vue，Main/Renderer进程的认识，自定义菜单等

Main进程和Renderer进程的基本认识可以看到Main进程管理的是这个app窗口(BrowserWindow)，而Renderer进程负责的就是我们熟悉的页面UI渲染。不过实际上，它们远远不仅如此。下面一张图能够把它们所支持、管理的electron或者原生的模块大致列出来：图中列出来的大部分模块都是我们会在开发过程中用到的。它们有各自的模块，也有共有的模块比如clipboard等。还有一部分
weixin_39897218·2023-11-10 20:01

electron 6.0+ win10深色主题无法启动

electron-vue的electron-devtools-installer，会在appready的时候，自动装上vuejs_devtools。
Leon-o·2023-11-10 20:59

【Eelectron-vue】构建桌面应用（19）-electron的监听事件on和once

最近在搞Electron-vue的项目，由于之前没做过这种客户端的开发，所以在开发的过程中一直磕磕绊绊，碰到各种异常的情况，而且网上的资料很少，很多问题都找不到解决办法，而且很多博客都是重复的。
逆风飞翔的猿·2023-11-10 20:24

Unable to install `vue-devtools`: Error: net::ERR_CONNECTION_TIMED_OUT

运行electron-vue时发现解决办法：安装npminstallvue-devtools--save-dev在src/main/index.js中添加app.on('ready',()=>{if
stefanie_sun723·2023-11-08 10:14

(Electron-vue)Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案

(Electron-vue)Electron-vue出现GEThttp://localhost:9080/__webpack_hmrnet::ERR_ABORTED解决方案解决方案：将项目下的.electron-vue
nyf_unknown·2023-11-08 10:44

Electron-vue出现GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案

ERR_ABORTED解决方案使用版本解决方案解决总结使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息【附】经过测试electron的版本为13.1.4时也能解决解决方案将项目下的.electron-vue
鞠杉·2023-11-08 10:42

electron打包下载资源失败，设置国内镜像

可以用原生html写，也可以用vue等前端框架写（比如：electron-vue）。1.electron打包由于el
义龙陳序员·2023-11-07 03:34

electron-vue 窗口拖动

electron-BrowserWindow窗口拖拽1，将要移动的区域添加拖动事件@mousedown2，data部分data(){return{isKeyDown:false,dinatesX:0,dinatesY:0,}},3，调用的方法（渲染进程中的方法，其实也就是vue页面中）mousedown(e){this.isKeyDown=truethis.dinatesX=e.xthis.din
Han涛_·2023-11-05 00:11

electron-vue 打包报错和功能的使用

electron-vue下载使用1：npminstall-g@vue/cli安装vue-cli2：vueinitsimulatedgreg/electron-vuemy-project创建electron-vue
默默无闻的FYH·2023-11-04 16:40

electron-vue ipcRenderer.on() 调用多次

methods:{isSave(ev){this.localFileUrl=ev.localFileUrl//本地的路径ipcRenderer.send('save-dialog',ev.localFileUrl)ipcRenderer.on('saveFile',(event,path1)=>{if(!path1)path1='无路径'console.log(path1)//打印很多次,不会关/
weixin_30340745·2023-11-04 16:39

【Electron-vue】构建桌面应用（9）-electron中的this指向问题

在上一篇在中发现了electron-vue中的this指向出现问题，在主进程和渲染进程之间通信的时候，尝试了不管使用何种方式，在
逆风飞翔的猿·2023-11-04 16:04

electron中莫名其妙的el-table无法渲染？

解决方法：在electron-vue目录下找到webpack.renderer.config.js修改letwhiteListedModules=['vue']为letwhiteListedModules
hello、深海鱼·2023-10-29 21:18

Electron-Vue项目中遇到fs.rm is not a function问题的解决过程

Electron-Vue项目中遇到fs.rmisnotafunction问题的解决过程文章目录Electron-Vue项目中遇到fs.rmisnotafunction问题的解决过程结论问题描述问题起源问题分析问题思考问题解决问题反思结论不同版本的
是启山啊·2023-10-27 21:31

Electron-vue开发实战7——命令行调用与系统级别右键菜单项的实现

前言前段时间，我用electron-vue开发了一款跨平台（目前支持主流三大桌面操作系统）的免费开源的图床上传应用——PicGo，在开发过程中踩了不少的坑，不仅来自应用的业务逻辑本身，也来自electron
weixin_33978016·2023-10-27 17:03

electron-vue 本地文件读取与写入

constfs=require("fs");constpath=require("path");const{ipcRenderer}=require("electron");data(){return{saveData:[]};},//读取本地配置文件readBtnToFile(){//读取本地配置json文件constFile_path=path.join(path.resolve("./../
Embrace924·2023-10-26 17:46

electron-vue 台称串口对接 SerialPort

大致流程1.首先找一个串口工具（sscom5.12.1）试试读取串口是否成功连上；2.创建electron-vue的项目；3.安装依赖，调整版本，启动项目；（在electron中使用串口_electron
Embrace924·2023-10-26 17:45

Electron-Vue中引入vue-devtools

效果图先看下我引入后的效果图：可以看到，跟在Chrome浏览器一样，会在开发者工具中出现一个Vue的标签，使用方式没有差别。引入步骤步骤一：下载安装vue-devtools到vue-devtools的github仓库中，下载v5.1.1版本的.zip包，解压打开devtools-5.1.1项目，在项目根目录安装依赖npminstall这里之所以要安装依赖，是为了构建打包所用依赖安装成功后，进行打包
Marco-hui·2023-10-25 11:56

记录 electron-vue 通过node ffi调用dll文件踩的坑

记录踩的坑,防止以后忘记,写的不是很详细,勿怪.一些注意点1.需要用window电脑2.npm容易出错,建议使用cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org3.如果dll是32位的nodejs和electron都要使用对应的版本才可以使用,4.nodejs版本建议9版本以下拉取electron及依赖安装//首先安装no
CHEN_WB·2023-10-22 23:08

基于 electron-vue 开发的音乐播放器

土狗音乐播放器一个基于electron-vue开发的音乐播放器(持续更新中..欢迎star)运行gitclonehttps://github.com/SmallRuralDog/electron-vue-music.gitcdelectron-vue-musicnpminstall
小小特工·2023-10-20 09:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他