中二少年学编程-CSDN博客

原创中二少年工具箱简介

中二少年开发的中二少年工具箱，相信博主，功能不孬。关注博主，关注小程序，获取更多工具。

2024-02-02 15:36:19 583 1

原创 webstorm开发electron，调试主进程方案

webstorm开发electron，调试主进程方案

2023-02-16 10:25:02 1410

原创 vue3+electron开发桌面软件（6）——系统级右键实现文件上传

vue3+electron开发桌面软件，系统级右键实现文件上传功能。非软件内右键菜单

2022-11-21 17:20:07 1187

原创前端必备装机软件——git和管理工具sourceTree

electron开发的桌面端软件，如果下载到默认地址"C://program files"下，当代码里执行的命令行，需要获取地址时，可能会报错。有任何前端项目、demo、教程需求，都可以联系博主，博主会视精力更新，免费的羊毛，不薅白不薅！

2024-08-27 19:53:57 1137

原创【那些年错过的好书】——Python数据可视化：科技图表绘制

读万卷书，行万里路。书籍免费获取方式：小程序搜索【中二少年工具箱】，找到抽奖功能（如果已经做出来的话），直接抽奖获取。或者私信博主，加群了解抽奖安排。芯智毕业于北京航空航天大学，现就职于中国科学院，高级工程师，从事科研工作近二十年。目前参与国家科技重大专项攻关任务，熟练掌握各种工程应用与数据分析软件，曾获得国家专利奖、北京市专利奖和中科院成果转化特等奖等荣誉。

2024-08-26 11:10:27 741

原创【亚马逊云科技】有手就能做到的Amazon Lightsail快速建站

不论是个人名片还是官方网站都离不开网站建设工作。计算机技术经历漫长的发展，繁杂的代码编写已经不是建设网站的必需途径，我们可以通过云厂商提供的便捷功能，快速地搭建效果不错的网站。大部分云厂商都会提供便捷建站功能，亚马逊云科技的Amazon Lightsail可以协助我们十分钟内便搭建一个完整网站。亚马逊云科技推出的轻量应用服务器在选择上性价比还是很高的，它在全球范围内部署了多个数据中心，所以不用担心服务器运行过程中卡顿等问题，它会选择就近的数据中心进行访问。

2024-08-22 17:37:11 1033

原创 vue3+gsap实现圆形路径动画

我开发的桌面端软件最近增加了在线更新功能，其中更新动画部分是由gsap实现的，整体实现思路已经在electron系列文章中简单介绍过，因为关注electron桌面软件开发的同学，不一定会关注gsap动画插件，所以这里单独拿出来，详细介绍如何使用gsap实现路径动画。学会路径动画，可以实现很多酷炫效果，我曾经在gsap的资源网站，见到有人用它实现了一个移动的城堡，相当震撼。大家如果需要联系博主，或者获取博主各系列文章对应的资源，可以通过中二少年学编程的个人主页来获取。

2024-08-01 22:24:06 1117

原创 electron-updater实现electron全量更新和增量更新——渲染进程交互部分

前面已经讲解过electron更新功能的主进程实现、渲染进程UI样式实现、调试更新功能技巧。这篇文章讲解渲染进程的交互逻辑。前端很多交互逻辑都和主进程、UI渲染有关，阅读本文前，建议先行查阅前面的文章。我们在讲解更新模块的主进程时，提出过更新的完整设计：第一步：页面渲染完毕，并询问主进程，是否有更新？第二步：主进程检查更新，并反馈给页面，有更新/无更新。第三步：如果无更新，页面直接显示提示信息。如果有更新，页面产生交互逻辑，将决定权交给用户，用户决定是否更新。

2024-08-01 20:11:47 1216

原创 electron-updater实现electron全量更新和增量更新——渲染进程UI部分

更新功能的实现分为三篇文章来讲解：1.主进程更新2.开发调试技巧3.渲染进程部分。我在开发过程中，是先开发的主进程主要功能，再完善渲染进程部分的显示。因为当没有前端时，可以写几个简单的标签显示结果，保证主要功能基本完成，再完善前端交互。效果图如下：打开软件时，页面向主进程通信，查询是否更新发现需要更新，弹出一个更新交互页面，页面显示更新信息和更新操作更新时，点击关闭按钮，会进入后台更新模式，登录进去后，点击左上角的更新标志，会弹出更新页面。

2024-08-01 20:11:30 1373

原创 electron-updater实现electron全量更新和增量更新——注意事项/技巧汇总

最近好久不更文，一是公司的事确实很忙，二是把时间都用在开发工具上了，写文总是提不起兴趣。好消息是工具总算是憋出来几个，坏消息功能怎么实现的，代码快忘差不多了。我经常看着我写过的代码一脸茫然：这真的是我写的？？？软件目前功能汇总：svga预览、node版本管理、前端部署-nginx管理、webstorm破解、浏览器插件等。围绕这些功能，可能会重新开一个文章系列——pc工具源码系列，详细讲解它们都是怎么实现的。

2024-08-01 20:11:04 1161

原创 electron-updater实现electron全量更新和增量更新——主进程部分

最近好久不更文，一是公司的事确实很忙，二是把时间都用在开发工具上了，写文总是提不起兴趣。好消息是工具总算是憋出来几个，坏消息功能怎么实现的，代码快忘差不多了。我经常看着我写过的代码一脸茫然：这真的是我写的？？？软件目前功能汇总：svga预览、node版本管理、前端部署-nginx管理、webstorm破解、浏览器插件等。围绕这些功能，可能会重新开一个文章系列——pc工具源码系列，详细讲解它们都是怎么实现的。

2024-08-01 20:10:43 1334

原创如何使用nodejs的fsPromise.access()判断文件权限

大家如果需要联系博主，或者获取博主各系列文章对应的资源，可以通过中二少年学编程的个人主页来获取。本文虽然简单，但是涉及到的api比较偏，网络资料较少，所以在此记录一下，帮助对node官网不熟悉的同学，更容易理解api的使用。有任何前端项目、demo、教程需求，都可以联系博主，博主会视精力更新，免费的羊毛，不薅白不薅！

2024-07-31 17:11:37 540

原创 chrome/edge浏览器插件开发入门与加载使用

chrome插件的出现，初衷可能是为了方便用户更好地控制浏览器，只是经过漫长的发展，如今已经出现各种骚操作与黑科技。有了插件，可以说人操作浏览器的动作，都可以通过代码来自动化实现。比如大学那些无聊的网课，可以通过插件来刷新页面；某些网站无聊的问答，可以通过插件+AI的方式自动回复；某些网站的自动签到，可以通过插件自动打开页面+签到……具体能实现什么，需要同学们自行探索，说的太多，我就从一个分享者，变成可刑之路的引领人。

2024-07-31 10:22:31 1402

原创【亚马逊云科技】云服务器EC详解

从事软件开发的工作，避免不了要与服务器接触。服务器分为实体服务器与云服务器。实体服务器因为价格高昂，维护不易，所以一般作为某些中大型互联网公司的服务器。而个人、中小型互联网公司、中大型其它行业公司，一般会选择云服务器作为承载业务的服务器。国内大型互联网公司都提供了云服务器服务，但是对于一些有海外业务需求的公司，亚马逊云科技才是不二之选。即使是国内一些开发场景，亚马逊云服务也有得天独厚的优势。

2024-07-30 10:24:54 987

原创 electron打包时资源下载失败cannot resolve xxx/30.0.9/electron-v30.0.9-win32-ia32.zip

同学们可以私信我加入学习群！最近electron更新频繁，而我在用electron做个人项目，对稳定性没有太高要求，希望保持着electron的最新版本，所以就没有固定版本。单位网络不太好，打包时遇到无法下载资源包的问题：如图所示：第一反应，当然是希望修改镜像源，让打包工具可以自行下载资源包。但是如果镜像源设置后，都无法下载，就需要我们手动下载资源包了。截止到2024年5月31日，淘宝镜像源资源地址为：https://registry.npmmirror.com/binary.html打开后，是所有的

2024-05-31 11:37:31 621

原创使用prettier插件时，报错：Error formatting code: ConfigError: Couldn‘t find plugin for AST format “estree“.

同学们可以私信我加入学习群！纯前端使用prettier插件时，报错：Error formatting code: ConfigError: Couldn’t find plugin for AST format “estree”. Plugins must be explicitly added to the standalone bundle.意思是找不到estree插件。注意是纯前端，nodejs、electron还没有尝试，不作为参考。很有可能是你在纯前端代码中，使用import prettier f

2024-05-29 09:27:25 346

原创 nodejs中使用ffmpeg零基础教程（electron+vue3）

最近想要把自己写的一些知识点，在写完demo后，除了形成博客记录笔记，还可以便捷地录屏形成视频教程。所以研究了好久如何在nodejs中完成录屏功能。本功能模块基于electron+vue3完成，原生nodejs也可以作为参考，原理是一致的。踩了很多坑，否了很多方案后，终于形成了目前的方案。ffmpeg插件：这是真正的录屏插件，windows系统中以exe可执行文件形式存在，其它所有插件都是围绕它开发。

2024-05-28 21:10:12 2385 2

原创这一场年度盛会——2024亚马逊云科技峰会，真的不要再错过

同学们可以私信我加入学习群！

2024-05-20 11:34:18 907

原创 ssl证书免费申请指南

今天为大家带来一篇价值数百元的ssl证书免费申请与部署攻略，有图有真相：到底是什么人在用云服务厂商提供的证书协助服务，请这样有实力的大哥拿钱砸死我这乡巴佬。我的项目是部署在腾讯云服务器，域名管理是腾讯云托管，证书是阿里云厂商提供。所以本篇文章会涉及证书申请、证书与域名验证、证书部署等环节，涵盖了最复杂的场景，如果您项目部署的云服务器和证书是同一云厂商，那么也可以借鉴本文，只是会简化部署的操作。

2024-05-14 21:08:48 2654 1

原创使用yarn/npm安装插件（涉及electron），总是报错证书错误或者ssl解析错误

最近electron更新到了30大版本，里面更新的一个重大变化是主进程增加了 WebContentsView 和 BaseWindow，对窗口的控制会更加丝滑。正好最近在做把文章或者视频一键发布到各自媒体平台的工具，所以决定把BrowserWindow的实现改为BaseWindow，当然如果查看源码会发现，其实两者是继承关系，BrowserWindow作为封装后的API，还是更简便的。

2024-05-14 20:18:54 1614

原创解决iview(view ui)中tabs组件中使用图片预览组件ImagePreview，图片不显示问题

最近在写个人项目的web端和浏览器插件，其中一个功能是base64和图片的转换。因为分成四个小功能，所以使用的iview的tabs来展示不同功能，在其中图片转base64和base64转图片时，都需要图片预览功能。

2024-04-30 10:48:26 1248

原创前端项目中使用插件prettier/jscodeshift/json-stringify-pretty-compact格式化代码或json数据

平时遇到json、vue、css代码格式化，图片与base64互转、图片格式转换等操作时，都是找在线工具，有些工具做的还挺好，有些做的那一坨，一坨的排名还靠前……找几个在线工具都不好，终于忍不了，准备做一个自己的chrome/edge插件，方便以后开发时便捷操作。先从代码格式化开始。后续再把monaco集成进来，完成代码显示部分，demo先用输入框将就一下。

2024-04-25 22:45:58 1896

原创 vue基础教程（7）——构建项目级首页

前面我们学习了vue的路由和登录页搭建，本文将和大家共同学习首页的搭建。首页示例如图：很多项目经验比较少的同学，一般都是对某些语法很熟悉，但是对整个项目是如何从零开始搭建的，页面布局是如何通过代码实现的，可能并未过多关注。也许有人会说，这些ui框架或者开源项目，都会开箱即用，可如果框架提供的布局无法满足要求呢，如果开源项目存在bug呢，如果企业做大做强需要UI重新设计web端呢？我们有太多的理由去了解这些基础知识，我们可以永远不做，但是不能不会！

2024-04-25 22:00:38 2108 2

原创高性价比的亚马逊云服务器Amazon EC2

Amazon Elastic Compute Cloud (Amazon EC2) 是一种 Web 服务，由亚马逊云科技提供，可以在云中提供安全并且可应需调整的计算容量。EC2 云服务器提供很多选项，让我们可以低成本且方便地构建和运行几乎所有的应用程序。综合考虑性能和价格，EC2云服务器都是我们搭建软件服务的最优选之一。

2024-04-17 09:53:09 1246

原创前端ocr技术：electron+vue3中使用tesseract插件识别图片中字符

项目需要ocr技术识别图片中的中文字符，本来这部分是后端的工作，但是因为各种原因，决定前端也做一个版本。在ai时代之前，ocr技术有一个扛鼎插件——tesseract。现在如果搭建本地ai服务，如果不是通过调用接口的方式做一个api搬运工，就需要在本地部署站点，在一些场景中，仍稍显臃肿。所以本文开一点历史倒车，介绍下这个相比ai，更轻量化的插件。现在的问题是，官网的中文语言包下载链接失效，默认的语言包是英文，中文识别率感人。等我解决中文识别问题，再把electron打包后的软件和各种资源公布。

2024-04-09 21:01:40 1803

原创什么时候考虑使用全局状态管理？vue获取全局状态变量一共有三种方法，你真的理解吗？

本文给大家做个参考，什么时候会考虑使用全局状态管理？以及帮助大家理解获取全局状态变量的三种方式。在使用vue的全局状态管理工具pinia时，很多小伙伴可能都会有个疑问，那就是我们从全局状态管理中获取某个变量的值，一共有三个方法：1.直接访问state中的变量2.通过getters访问变量3.通过actions中的方法访问这三个方法有何区别，它们是不是有些冗余，究竟什么时候用哪个方式。本文通过简单的几分钟，教会大家这个基础知识点。

2024-04-09 11:06:45 849

原创 vue基础教程（6）——构建项目级登录页

前面我们已经把vue自带的页面删除，也搭建了最简单的router路由，下面就可以真正开发我们自己的项目了，一般而言，很少有人从零开始写代码，博主也是为了完善这个系列博客，才会从零开始，把关键的代码都敲了一遍。哪怕同学们有自己心仪的项目，搭建基础的架构，跟着博主学一遍关键的知识点，也有助于以后优化升级项目，修改别人的代码或者修复bug。跟着博主写一遍，大概率是可以真正把控全局，把vue如何搭建网站彻底搞明白。

2024-04-01 09:17:43 2530

原创 vue基础教程（5）——十分钟吃透vue路由router

前面的文章运行成功后，页面显示如下：在这个页面中，点击Home和About都会切换右面的页面内容，这就是一个最简单的路由。虽然router是很基础简单的插件，但是要完整理解它的各个要点，需要对项目整体有一定理解，前面那篇关于vue项目各个文件目录的介绍，就显得尤为重要了。打牢基础，事半功倍。

2024-03-29 17:41:35 1706

原创 cmd和node中运行命令行，文件路径带空格“C://program files”时报错，解决方案

electron开发的桌面端软件，如果下载到默认地址"C://program files"下，当代码里执行的命令行，需要获取地址时，可能会报错。

2024-03-29 11:15:20 738

原创【中二少年工具箱】——svga预览工具

前面有篇文章讲过基于echarts的大屏可视化一些基础概念，其中提到和动画相关的插件有：lottie、gsap、svga等，本篇文章的主题是svga，但不是技术硬文，只是向大家介绍我最近写的一款工具——svga预览工具。正版软件会一直免费，所以请大家放心使用博主开发的正版软件。如果软件被破解，绕过通行码直接登录，后续对宿主机造成一切后果，请使用者自行承担。大家多多支持博主的公众号，新开小号，需要多多关注，拜谢大家：或者。

2024-03-27 21:45:08 4218

原创【那些年错过的好书】——Web前端开发实战：HTML5+CSS3+JavaScript+Vue+Bootstrap(微视频版)

陌生的朋友，你是否曾为前途而迷茫，看不到努力的价值，时常感到焦虑……你可能会麻痹自己，可能会短暂自弃，甚至感觉人生不过尔尔，生命就此沉沦，也是一种不错的归宿！！！同学，可你要知道，此时你应该感到庆幸，这是一种信号，赤子之心的你在努力、拼搏、挣扎之后，终于得窥桎梏，隐约中遇到了彼岸的光。也许这时候，正是我们成长的天赐良机。静下来品一杯茶，读一本书，尘世喧嚣抛诸脑后，浮生繁华尽绝书外，就像一次坐禅，就像一次顿悟，就像烦躁的沙虫得遇甘霖，我们可以细细感悟灵台渐渐清明，生命愈发纯厚。

2024-03-27 17:01:34 2776

原创【那些年错过的好书】——TypeScript+Vue.js前端开发从入门到精通

陌生的朋友，你是否曾为前途而迷茫，看不到努力的价值，时常感到焦虑……你可能会麻痹自己，可能会短暂自弃，甚至感觉人生不过尔尔，生命就此沉沦，也是一种不错的归宿！！！同学，可你要知道，此时你应该感到庆幸，这是一种信号，赤子之心的你在努力、拼搏、挣扎之后，终于得窥桎梏，隐约中遇到了彼岸的光。也许这时候，正是我们成长的天赐良机。静下来品一杯茶，读一本书，尘世喧嚣抛诸脑后，浮生繁华尽绝书外，就像一次坐禅，就像一次顿悟，就像烦躁的沙虫得遇甘霖，我们可以细细感悟灵台渐渐清明，生命愈发纯厚。

2024-03-22 16:40:09 3322

原创 electron-builder允许安装时请求提升权限

把这些配置写在package.json中即可，注意‘./electron/installer-OUTSIDE.nsh’与‘./dist/electron/favicon.ico’地址，如果不清楚这是在干嘛，也不需要配置，直接删掉这两项配置即可，electron-builder会使用默认配置。比较麻烦的做法是，我们可以每次运行electron时，以管理员身份运行，但是这对用户明显是不太友好的。另一种做法是，在安装electron时，就提醒用户需要提升权限才可继续安装。允许安装时，请求提升权限。

2024-03-14 09:45:18 889

原创 vue基础教程（4）——深入理解vue项目各目录

本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。可以直接搜索【中二少年工具箱】，也可通过二维码知乎地址二维码csdn地址二维码头条地址等入口进入，扫码关注。

2024-03-07 22:02:32 1666

原创 vue3基础教程（3）——引入ui框架iview（viewui）

本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。可以直接搜索【中二少年工具箱】，也可通过二维码知乎地址二维码csdn地址二维码头条地址等入口进入，扫码关注。

2024-03-07 22:02:11 1665 4

原创 vue3基础教程（2）——创建vue3+vite项目

本系列文章由浅入深，从基础知识到实战开发，非常适合入门同学。HTML基础css基础js基础当然，即使从未接触过前端代码的小白，也能轻松学习本系列课程，因为我会在文章中简略穿插前端基础知识。由于各平台对专栏文章的支持度不同，所以如果您看到这篇文章的平台，系统学习专栏文章的操作不够丝滑，可以先关注小程序，后续小程序会开发专栏博客功能。可以直接搜索【中二少年工具箱】，也可通过二维码知乎地址二维码csdn地址二维码头条地址等入口进入，扫码关注。

2024-03-05 23:08:02 1419

原创基于uniapp开发小程序，代码上线发布教程【抖音、微信】

本文介绍基于uniapp开发的小程序，在hbuilderx中开发后，如何把代码上传到抖音，发布小程序。虽然最近才开始真正开发自己的微信小程序，但是微信小程序的代码发布很久之前就做过了，也没留下什么记录，所以微信小程序的代码发布过程就没办法详细介绍。最近正好想把代码同步发布到抖音平台，所以就以抖音为例，帮大家踩踩坑，写一篇uniapp开发的小程序如何发布到抖音的教程。微信小程序发布过程，可以以此参考。虽然还有一些兼容问题需要解决，但是至此，终于算是从无到有地走通了uniapp代码上传到抖音开放平台。

2024-02-29 22:58:06 3733

中二少年工具箱，解压缩可用-svga预览/node版本管理/nginx便捷操作/浏览器插件

electron-v30.2.0-win32-ia32.zip

electron打包资源下载30.0.9/electron-v30.0.9-win32-ia32.zip

【中二少年工具箱】-svga预览工具

中二少年开发的工具软件

hbuilderx压缩包，解压即可直接使用

爱心源码vue3版（可定制颜色）

windows环境下nvm1.1.10版本

electron插件：electron-v20.1.1-win32-zip下载

空空如也