Electron + Vue跨平台应用(十八)基础技法(十)调试

electron-vue项目使用串口工具serialport 第一步:配置环境 安装Python2.7 配置环境变量(官网下载)看网上说明必须是2.7版本,3不支持 下载 : https://www.python.org/downloads/ 配置环境变量: 2.安装 npm install --global --production windows-build-tools 3.安装node-gyp npm install -g node-gyp 第二步:安装 1.安装serialport npm install --save serialport 2.安装e 阅读详情

Electron + Vue + Vscode构建跨平台应用(一)知识点补充
Electron + Vue + Vscode构建跨平台应用(二)Electron + Vue环境搭建
Electron + Vue + Vscode构建跨平台应用(三)利用webpack搭建vue项目
Electron + Vue + Vscode构建跨平台应用(四)利用Electron-Vue构建Vue应用详解
Electron + Vue + Vscode构建跨平台应用(五)Electron-Vue项目源码分析
Electron + Vue跨平台应用(六)效果还不错的登录页面
Electron + Vue跨平台应用(七)基础技法(一)
Electron + Vue跨平台应用(八)基础技法(二)
Electron + Vue跨平台应用(八)基础技法(三)
Electron + Vue跨平台应用(九)基础技法(四)
Electron + Vue跨平台应用(十)可视化(一)
Electron + Vue跨平台应用(十一)可视化(二)
Electron + Vue跨平台应用(十二)可视化(三)
Electron + Vue跨平台应用(十三)基础技法(五)
Electron + Vue跨平台应用(十四)基础技法(六)
Electron + Vue跨平台应用(十五)基础技法(七)
Electron + Vue跨平台应用(十六)基础技法(八)Nginx配置https并部署Vue
Electron + Vue跨平台应用(十七)基础技法(九)Auth2.0认证在Vue中的使用: SpringCloud的统一鉴权的接入

1: 如何线上调试
2: 调试快捷键说明-source面板
3: 切换PC/移动设备进行页面检查
4: 网络面板
5: 实时修改变量的值

1: 如何线上调试

  1. 打开调试面板 F12,在调试面板中,你可以看到如下页面
    在这里插入图片描述
    其中js就是通过vuecli打包后生成的问题,其中数组2指的是引入第三库的代码,而数字1指的是当前页面被打包后生成的代码。每一个chunk-xxxx.js文件可以理解为将一个大文件拆分出来的一部分代码,拆分成小的就为了提高浏览器加载速度的

  2. 双击数字1的文件,并双击格式化按钮
    在这里插入图片描述

此时该页面代码就会被格式化

  1. 找到问题触发问题,假设bug出现在调用save方法时,我们右击添加断点
    在这里插入图片描述
  2. 最后我们点击页面上的按钮,就可以进行调试模式,后面就是通过F10,F9的调试按钮进行调试操作了
    在这里插入图片描述

2: 调试快捷键说明-source面板

在这里插入图片描述
基本的调试面板如上:

  1. (F8), 暂停/继续调试模式
  2. (F10),执行下一行代码, 遇到方法,一步执行完,无法看到方法的执行情况
  3. (F11) ,一步一步执行,遇到方法,进入到方法内部,可以查看方法的具体执行情况
  4. (shift + f11), 跳出当前函数,返回上一步执行的位置
  5. (F9)不知道是啥意思
  6. 断点开关:是所有断点失效/生效,如果是灰黑色,则表明断点生效,即程序会在断点处断开; 反之如果是亮蓝色则表示断点无效,程序不会在断点处断开
    在这里插入图片描述
  7. 异常中断开关: 处于激活状态时,一旦发生异常,程序就会在异常发生处中断
    在这里插入图片描述

在sourec面板中,还有一个调用堆栈区域,表示当前函数的调用堆栈,如下图表示程序正在执行的函数是validateAdvanceMode,其调用函数为save,我们可以通过右击save这个调用栈,让程序重新回到save方法处
在这里插入图片描述

3: 切换PC/移动设备进行页面检查

点击此处进行PC/移动设备的UI检查
在这里插入图片描述

4: 网络面板

在这里插入图片描述

5: 实时修改变量的值

假设我们想修改这里的this.isDebugging的值为true在这里插入图片描述
只需要在执行到这里的时候,在watch里面添加监控表达式即可,在表达式中修改isDebugging为true

在这里插入图片描述

electron打包后调用控制台方法 前言: electron打包桌面应用的时候,本地启动时,f12调试功能台是自动打开的,但是我们打包出来以后,有某些特殊时刻也是需要打开控制台的,他默认不打开 使用步骤: 我们打开我们项目中 自动生成/手动生成 的配置文件background.js 以我自己的配置文件为例:核心是:win.webContents.openDevTools() 打开调试框 function createWindow () { // 关闭顶部导航菜单栏 Menu.setApplicatio... 阅读详情

相关推荐

超详细!!!electron-vite-vue开发桌面应用之开启调试工具(二)

上篇已经初步搭建完项目,这次配置比较重要的一部分,那就是开启调试工具,这是开发项目比较重要且基础的部分。文件,添加开启工具的代码。

qq_43206280的博客 1780

electron-vue + serialPort 使用

electron-vue搭建 # 安装vue-cli npm install -g vue-cli npm intsall -g electron vue init simulatedgreg/electron-vue my-project # 安装依赖和运行项目 cd my-project yarn # or npm install yarn run dev # or npm run dev 引入SerialPort(串口调用) npm install serialport -S 安装node-g

weixin_43311774的博客 1154

Electron-Vue 开发笔记:使用 Visual Studio Code 配置进行主进程断点调试

Electron-Vue 是一个基于 Electron 和 Vue.js 的强大框架,用于构建跨平台的桌面应用程序。在开发过程中,调试是解决问题和提高代码质量的重要环节。通过使用 Visual Studio Code(简称 VS Code)的调试功能,我们可以方便地在 Electron-Vue 项目的主进程中设置断点并进行调试。本篇文章将详细介绍如何配置 VS Code 实现主进程断点调试。

AxCybersecurity的博客 668

electron-vue实现与硬件进行串口通信

背景:项目需求,在electron桌面应用中,实现与硬件进行串口通信,一番调研,选择了契合度高的serialport 插件地址:Node Serialport 插件选择好了,接下来就是集成实现功能,它这个集成是有坑的 因为版本的问题,导致在集成完后报错 在网上查了各种错误,最终总结为以下步骤: 前置条件 1.确保你的电脑中装有python环境,并且环境为2.7(很重要) 2.安装 npm install --global --production windows-build-tools 3.

Tsinbo1314的博客 5113

MySQL根据idb文件恢复数据

恢复前提 MySQL 5.* 和 8.* 的恢复方式大同小异,最基本的区别是8.* 中,不再有表结构frm文件,所以要恢复 8.* 的数据,就必须要有完整的建表语句。 而恢复 5.* 的数据,就需要idb文件和 frm文件,当然,如果有完整的建表语句的话,不用frm文件也行。 恢复步骤 需要注意的是,以下操作需要选定数据库后执行。 5.* 恢复表结构 确定表列数 首先创建一张 与需要恢复数据的表 的名字相同的新表,如果已知原表的字段数量的话,就按照原表字段数建表,字段名和类型都不用考虑,如果不知道数量的话,

weixin_45121446的博客 5449

最新Win10离线安装.NET Framework 3.5的方法(附离线包2022/3/22)

win10 .net framework 3.5离线安装

别告诉我有Bug 27万+

(二十八)ATP应用测试平台——使用electron集成vue3桌面应用程序

Electron 是一个开源的框架,它允许使用 Web 技术(HTML、CSS 和 JavaScript)构建跨平台的桌面应用程序。通过 Electron,开发者可以使用前端技术栈来创建具有原生应用程序体验的桌面应用。

厉害哥哥的博客 1815

Sonatype nexus3 数据迁移及升级3.71+(迁移到H2数据库)

nexus3旧版本OrientDB升级H2,及整体迁移nexus3数据到其它服务器。

葫芦娃 5557

鸿蒙PC:鸿蒙版本 Electron 框架环境搭建并且实现 XH 笔记应用

本文介绍了在macOS上搭建鸿蒙版Electron开发环境的过程,并实现了一个XH笔记应用案例。首先详细说明了环境准备要求,包括操作系统、IDE、Node.js版本等配置。然后分步骤讲解了如何获取和配置鸿蒙版Electron项目,包括下载预编译包、解压目录结构、签名配置等关键环节。第二部分重点介绍了XH笔记应用的实现,该应用采用Vue3开发,保留了Electron风格的preload和IPC桥接功能,具备笔记管理、搜索、编辑、导出等完整功能。文章通过这个实际案例验证了鸿蒙版Electron框架在真实业务场景

小淼淼的博客 2万+

潇洒郎: 小白一次性成功——红米 Note 12 5G Android12 系统13.0.16/14.0.9 小米红米手机解BL锁+ROOT-刷面具—官方ROM下载-线刷降级—解锁system系统分区

小白一次性成功——红米 Note 12 5G Android12 系统13.0.16/14.0.9 小米红米手机解BL锁+ROOT-刷面具—官方ROM下载-线刷降级—解锁system系统分区

潇洒郎的博客 4586

结构光之相移法+多频外差的数学原理推导

‍论文:基于数字光栅投影的结构光三维测量技术与系统研究 [博]作者:李中伟 华中科技大学 2007功能:相移法:多频外差(三频N步相移法)01 相移法图1 待写入投影仪的理想N步相移条纹通常对于 步相移来说,生成第 幅条纹图像(如图1所示)的公式如下:402 Payment Required其中::背景光强:调制强度:像素点横向坐标:相移值图2 相机拍摄到的实际 N ......

3D视觉工坊 1190

开发那点事(十八)Vue开发PC桌面应用案例

快速将vue项目转化成PC桌面应用 适配windows mac liunx

开发那点事 2587

14、脑肿瘤复发预测与转移瘤跟踪的自动化方法

本文介绍两种脑肿瘤相关自动化方法:一种用于预测胶质瘤切除术后的肿瘤复发位置,结合图像配准、静态模型和动态模拟模型,利用患者的DTI数据进行预测;另一种用于在纵向扫描中跟踪转移性脑肿瘤,通过联合求解配准参数估计和图像变化标记问题,提高肿瘤跟踪的准确性和效率。文章同时分析了两种方法的优势与挑战,并提出了未来研究方向,旨在为脑肿瘤的诊断和治疗提供更可靠的工具。

defi6farmer的博客 122

Flutter 与 uni-app 及主流跨平台框架对比:从原理、场景到项目选型

摘要 跨平台开发框架各有优劣,选型需根据目标平台和体验需求。Flutter采用自绘UI方案,适合Android/Windows主客户端开发,提供高性能和一致体验。uni-app基于Web技术适配多端,更适合小程序生态。React Native等框架映射原生控件,平衡性能与开发效率。技术选型需考虑以下维度: 平台适配:主客户端选Flutter,小程序选uni-app 体验要求:高交互场景用自绘方案,轻量需求用Web方案 团队能力:优先选择团队熟悉的技术栈 维护成本:多端项目建议组合使用不同框架 典型组合方案:

2302_81390616的博客 463

接口电路设计的关键要点

接口电路设计是嵌入式硬件开发的核心环节,本文系统阐述了五大关键设计要点:1)电平匹配技术,详细分析了3.3V/5V系统互连方案及转换电路计算;2)阻抗匹配原理,包括高速信号反射机制及差分信号处理;3)滤波与去耦设计,提出多级电容配置和"先电容后过孔"布局原则;4)接地设计规范,重点说明模拟/数字地分离及高速信号回流路径;5)防护电路设计,涵盖防反接、过流保护及ESD防护方案。文章通过具体计算公式、器件选型指南和布局技巧,为接口电路设计提供了系统化的解决方案,并附有设计检查清单和典型问题分

weiyvyy的博客 454

出现 Connection Failed [MySQL][ODBC Driver]Access denied for user ‘root‘@x(using password:YES)解决方法

Connection Failed [MySQL][ODBC 8.0(w) Driver]Access denied for user 'root'@xxxx (using password:YES)

码农研究僧的博客 1061

鸿蒙PC:marktext-develop鸿蒙适配全记录

本文记录了将Electron应用MarkText适配到鸿蒙系统的完整过程。通过分析原始桌面版和适配后的鸿蒙版差异,总结了关键改造步骤:首先构建鸿蒙工程壳和打包链,使应用能在鸿蒙环境运行;然后修改主进程以识别鸿蒙平台并禁用不稳定功能;接着降级桌面端特有功能,保护原生依赖;最后重构渲染进程入口,优化启动流程并增强错误处理。这些改动组合解决了应用在鸿蒙环境下的白屏问题,使其能够正常启动运行。文章提供了详细的代码变化说明和适配思路,为类似Electron应用迁移提供了参考。

小淼淼的博客 7248

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

基于Hadoop的豆瓣电影数据分析与可视化系统 毕业设计-附源码58347

关键词:Hadoop,豆瓣电影,KMeans聚类,数据可视化,Django 第一章 随着影视产业数据量的急剧增加,传统的手工统计以及单个数据库的方式已经不能很好地应对大量的电影评分和用户行为数据。设计出基于Hadoop生态的电影数据分析系统,给豆瓣平台影片价值挖掘提供了一条有效的技术途径。系统前端用Vue框架创建可视化的大屏,后端用Django框架提供RESTful API接口,业务数据存放在MySQL数据库里。数据处理层用Pandas库做清洗和聚合,用KMeans聚类算法分析用户的题材偏好

yuyuxun的博客 395

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

GitHub高星项目再放送:10个让你“哇塞”的代码宝藏!

目录(前方高能预警)1.1 项目名称: 一句话介绍:“人脸识别,一行代码搞定!妈妈再也不用担心我认不出老板了!” 1.2 项目名称: 一句话介绍:“给你的ChatGPT套个漂亮马甲,私人AI助理即刻拥有!”2.1 项目名称: 一句话介绍:“在网页里造一座3D城市?用它就对了!”2.2 项目名称: 一句话介绍:“给网页元素加特效,就像加糖一样简单!”3.1 项目名称: 一句话介绍:“让终端(Terminal)从黑白电视机变成科幻驾驶舱!”3.2 项目名称: 一句话介绍:“曼(man)手册太长不看?‘

热爱技术与前沿创新,深耕科技领域,在科创中精进自我;探索技术乐趣,分享技术干货与成长心得,以技术为伴,热爱生活,在科创与生活中双向成长。 1046

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

【electron-vue】项目搭建到集成串口工具步骤

electron-vue项目搭建,electron-vue集成serialport串口工具保姆级教程

PolarisWay的博客 1016

【分享】electron应用打包后开启F12

前言: 在开发Electron过程中,有些测试需要在打包后进行。但是无法想看到调试信息。一则可以借助logger.js将相关信息打印到日志中.另外一种方法就是在打包后开启dev开发者模式。 步骤1: webPreferences中,devTools设置为true,并且高版本的话,nodeIntegration需要打开。(main.js或者main文件夹下index.js) webPreferences: { devTools: true, nodeInteg...

清风唱诗人的博客 7228

网络串口调试助手(串口透传网络调试)

可以远程调试的串口调试助手(串口透传工具)网络串口调试,远程串口调试,串口调试工具,MQTT调试工具,MQTT串口调试助手。

无线智能模块 可视DIY智能专家 4026

Electron项目集成串口serialport功能

初始化Electron项目 新建serialport_demo文件夹,并cd进入该文件夹 执行vue init,按照提示一步一步初始化配置 安装electron依赖项npm install electron 安装串口依赖项 安装串口npm install serialport –save 安装electron-rebuild,因为串口库是npm提供的原生库,需要使用electron-rebuild重新编译后才能实现跨平台npm install –save-dev electron-rebuil

weixin_35395588的博客 1398

electron通过node --inspect,实现electron生成包f12控制台调试

1. 实现通过node --inspect,实现electron生成包f12控制台调试 async openDegbug(){ const getPort=require("get-port"); const path=require("path"); const spawn=require("child_process").spawn; const fetch =require("node-fetch"); const nodePort=await getP.

斗师——Ace 1867

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

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

weixin_45062076的博客 4100

electron-vue 台称串口对接 SerialPort

1.首先找一个串口工具()试试读取串口是否成功连上;2.创建;3.安装,调整版本,启动项目;4.学习工具;5.开发入口文件,测试是否成功获取串口信息6.成功获取串口后,接收台称数据7.根据台称说明书与协议,解析台称数据(数值,单位,正负,精度...)8.完成称重需求9.完成打印需求10.完成自动更新11.防止开启多个应用。

Embrace924的博客 6077
上一篇: Electron + Vue跨平台应用(十七)基础技法(九)Auth2.0认证在Vue中的使用: SpringCloud的统一鉴权的接入
yi_master
博客等级 码龄10年 283粉丝 104原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值