61-最强AIAgent工具优雅使用教程
背景在AI大模型的冲击下,我们软件行业现在可谓是发生了翻天覆地的变化,就在上周,零C++基础的我,借助AI强大的能力,完成了N多以前想做,但由于技术能力和精力有限而做不到的事,AI Agent工具,我真的强烈推荐每一位程序员都去用!跟着教程一步一步来,开启你的AI Agent快乐编程体验
什么是Agent关于Agent,AI是这么解释的:
先说人话版定义:Agent不是只会聊天的AI,它是“能干活的AI助手”。
如果把大模型比作“大脑”,那Agent就是在大脑外面装上了“手和脚”:
大脑:理解你的目标,做推理和决策
手脚:调用工具(读写文件、执行命令、搜索资料、操作应用)
记忆:记住上下文,持续推进任务
所以,普通聊天模型和Agent的核心区别是:聊天模型给你建议,Agent可以直接帮你把事做完。
举个最常见的开发场景:你说“帮我把这个项目跑起来,并修掉报错”。Agent会自己做一整套动作:读项目结构 -> 安装依赖 -> 启动项目 -> 定位报错 -> 修改代码 -> 再次验证。这就是为什么它对程序员生产力提升这么明显。
当然,Agent也 ...
UE5+Cesium for UE:02-倾斜摄影加载与地理参考绑定
简介在上一篇教程——UE5+Cesium for UE:01-从零搭建可漫游的“真实地球”,10分钟让你的角色跑遍全球!中,我们学习了
UE中如何使用Cesium for Unreal添加全球地形、卫星影像、建筑白膜以及光照,以及怎样设置初始经纬度作为UE场景的原点
如何添加第三人称角色、Dynamic Pawn进行游玩探索
这一期,我们将学习如何使用Cesium地理参考组件
实战演练1.Cesium Globe Anchor这是一个Cesium for Unreal插件提供的组件,用于将UE原生的Actor固定到Cesium创建的地球坐标系中。在UE场景中,拖入一个任意的Actor,比如一个圆锥,此时改变Cesium Georeference的经纬度参数,可以看到地球转到,但圆锥固定在原地不会跟随地球转动。
选中圆锥Actor,在细节面板中,改变其可移动性为可移动,并为其添加一个Cesium Globe Anchor组件。此时再次改变Cesium Georeference的经纬度参数,可以观察到圆锥体固定在了地球 上,会随着地球上的物体一起移动。并且选中Cesium Globe ...
UE5+Cesium for UE:01-从零搭建可漫游的“真实地球”,10分钟让你的角色跑遍全球!
简介在UE智慧大屏项目开发中,Cesium for Unreal插件是非常便捷的选择,它提供了全球的地形及卫星影像、建筑白膜以及基础的地理参考等,只需要注册一个免费的Cesium ion Token即可一键将需要的资产添加到UE项目中。
UE项目实战1.启用插件创建一个UE项目,在插件中搜索Cesium for Unreal启动,重启后即可使用插件。
2.添加资产点击connect to Cesium ion,网页登录授权后,点击+号添加Cesium SunSky(包括太阳、太空盒、大气、雾效等)、Cesium World Terrain + Bing Maps Aerial(全球地形及卫星影像)、Cesium OSM Buildings(建筑白膜),等待资源加载完成,即可看到像图中一样的画面。
3.设置初始位置进行项目开发时,往往需要我们在某个固定的经纬度附近进行场景搭建,这时,我们需要控制相机飞到指定位置。如果直接控制视口相机飞行,这将十分困难。此时,我们需要点击大纲中的Cesium Georeference,在细节面板中,设置UE场景的原点经纬度高程参数——下图中的Origin ...
SSL证书自动续期并同步到腾讯云cdn(阿里云宝塔版)
问题背景:最近我休婚假期间,从朋友那得知网站https访问出问题了,简单看了下发现是ssl证书过期了。免费的ssl证书现在的有限期是90天,每三个月就得续签一次。三个月前我从腾讯云服务器迁移到了阿里云服务器,并用上了宝塔面板,开启了网站的ssl证书自动续期。但由于我的网站使用了cdn加速服务,还需要将ssl证书上传到腾讯云服务器才能实现完全自动化,当时迁移时太忙手动处理了下,想着后面再说结果给忘了。
实现思路:询问了AI,AI说宝塔其实是可以支持自动同步到腾讯云cdn的,但我看了下我的阿里云版的宝塔面板,里面确实没有这个功能(坑!)。因为这个重新装一遍系统也不太现实(太麻烦),于是我决定使用AI写一个linux定时任务来实现ssl证书上传到腾讯云并绑定云资源的需求。
实现步骤:一、服务器SSL证书免费申请及自动续期这一部分非常简单,宝塔做好的功能,点点点就可以实现了,具体步骤如下:
在宝塔面板左侧点开网站模块,点击要配置的网站,点击SSL模块配置,选择Lets Encrypt,点击申请证书,根据提示操作即可
二、服务器SSL证书同步到腾讯云CDN并配置域名绑定1.编写脚本查询了腾讯云 ...
保姆级教程!手把手教你把DEM数据变成Cesium地形切片
前言在 WebGIS 开发领域,Cesium 凭借其强大的开源生态,已成为三维GIS可视化引擎的首选。构建高质量的三维应用离不开高精度的地形数据支撑。在常规的外网开发、个人学习中,我们通常的做法是注册一个 Cesium Ion 账号,创建 token,最后通过 token 来调用 Cesium Ion 提供的全球地形,确实方便快捷。
然而,在内网涉密环境或商业化私有部署场景下,受限于网络隔离、数据隐私及授权合规性等因素,依赖在线 Token 的方案已经不再适用。这时就需要我们自己来构建一套三维地形切片服务。本文将详细记录在 Windows 环境下,从 DEM 数据处理到最终生成地形瓦片的完整工作流。通过本教程,你将掌握低成本搭建离线地形服务的核心技能。
工具准备下面是我们需要用到的工具列表:
QGIS - 开源GIS数据处理工具
OpenTopography DEM Downloader - QGIS插件,用于下载DEM数据
Docker Desktop - 用于给ctb-quantized-mesh提供运行环境
tumgis/ctb-quantized-mesh - 著 ...
55-前端项目自动部署bat脚本分享
背景之前为了学习windows的bat脚本,我在AI的帮助下写了一个将前端包上传到服务器的部署脚本,使用起来还算方便,相比于 GitHub Actions 在代码推送时强制触发的自动化流程,我这套“半自动”方案可以自由控制什么时候发新版本,具有更高的灵活性。
由于最近在脚本中集成了刷新cdn的js脚本,考虑到前端开发者的技术栈偏好与代码的可维护性,于是想着把整套部署流程全部用nodejs脚本实现,毕竟作为一个前端开发者,js是我更熟悉的语言,具有更好的可读性。本文的目的只是在这里将现有的bat脚本存个档,或许它在未来的某一天会发挥它的价值也说不定。
代码deploy.bat123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 ...
开源工具推荐 | Cesium 交互编辑神器来了!像专业建模软件一样操作 3D 模型
导语相信很多做 WebGIS 开发的同学,都遇到过类似的需求:
公司做gis平台,需要实现模型的交互式编辑功能,在网上找开源项目,或费劲自己封装一套工具,结果发现要么工具简陋,bug满天飞,坐标错乱;要么交互体验不理想,不能满足要求。
在 Unity、Blender 或者是 Three.js 编辑器里,我们习惯了用Gizmo(变换控制器) 来随心所欲地操作物体。但在 Cesium 的开源生态里,一直缺乏一个轻量、高性能且开箱即用的同类型工具。
UE5引擎中的变换工具
今天,给大家推荐一款开源神器:cesium-transform-gizmo。它可能就是你一直在寻找的那块拼图。
🚀 什么是 cesium-transform-gizmo?cesium-transform-gizmo 是一款专为 CesiumJS 打造的高性能、交互式模型变换控制器。
它完全使用 TypeScript 编写,为你的 Cesium 应用提供类似于 3D 建模软件的操作体验。无论是 Model (gltf/glb) 还是 3D Tileset,都可以通过它进行丝滑的平移、旋转 ...
告别 Copilot 付费!谷歌 Gemini CLI 每天白嫖 1000 次请求,保姆级教程来了
💡 背景与痛点之前写项目时,体验了Github Copilot Agent模式的强大功能,它能直接在执行任务时,自动读取项目里关联的上下文。然而我注册了账号,领取免费试用,高高兴兴爽了一个月后,试用到期了。
本着“能白嫖绝不付费,免费就是最好的”原则,我挖掘到了 Gemini CLI 这款神器。它不仅拥有强大的代码辅助能力,更重要的是:它每天提供 1000 次免费请求额度,量大管饱!
于是我在网上各种找攻略,找教程,翻官方文档,踩遍了各种坑(尤其是账号和网络配置),终于总结出了这套10分钟极速上手指南。希望能帮你节省时间,直接享受 AI 编程的快乐。
🛠️ 先决条件在开始之前,请确保你的环境满足以下要求:
Node.js:版本需 > 20
操作系统:支持 macOS、Linux 或 Windows
Google 账号:必须使用个人账号(划重点:学生账号、组织账号无法享受 1000 次/天的免费额度,详见后文避坑指南)
🚀 实战步骤:手把手教你配置1.安装 Gemini CLI打开终端(CMD或 PowerShell),运行以下命令进行全局安装:
1npm ...
从 0 到 1 手写 WebGL:原来 3D 渲染的底层逻辑,就是拍照片
引言:知其然,更要知其所以然作为一个长期与 Cesium 打交道的 Giser,在搭建Web3D场景时,面对Shader、矩阵变换、酷炫材质等深层定制需求,我常常因不了解三维渲染底层逻辑而感到困惑与束手无策。为此,我在B站上学习了闫令琪大佬的计算机图形学课程,并使用原生WebGL在实践中验证理论。
这篇文章不讲复杂的 API 调用,只讲最纯粹的渲染逻辑。让我们从零开始,写出属于 Web3D 的“Hello World”,一起攻克那些让人头秃的图形学概念!
建立基本概念在正式开始写代码之前,我们首先需要对以下几个概念建立起明确的认知:
1.WebGL到底是什么?很多人说到 WebGL ,就想到三维、想到酷炫的3D动画效果,认为它是一个无所不能的3D渲染引擎。但实际上WebGLFundamentals 在教程中给出了清晰的定义:
WebGL仅仅是一个光栅化引擎,它可以根据你的代码绘制出点,线和三角形。 想要利用WebGL完成更复杂任务,取决于你能否提供合适的代码,组合使用点,线和三角形代替实现。
换言之,WebGL实际上只负责在2D的画布上,画点、线、三角形,以及上色而已,它的功能相当 ...
Hexo 进阶实战:利用 Hook 机制实现 hexo new 自动注入永久链接
背景使用hexo框架写文章时,需要为文章生成永久链接,以保证即使文章的文件名更改后,文章的链接也不会变化。之前我使用了hexo-abbrlink插件来完成这一工作,但其存在一个问题——当我没有在本地没有使用hexo generate或者hexo server命令时,文章的abbrlink不会生成,此时我提交代码到github上,触发CI/CD流程,文章的abbrlink不会被记录到远程仓库中。
思路文章的abbrlink应该在hexo new命令执行时生成!查看hexo官网API文档,发现可以监听new事件,于是想到可以在事件的回调中,为文件添加上abbrlink属性
解决在根目录下新建一个script目录 ,创建一个文件:auto-abbrlink.js,将下面的代码粘贴进去:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657const fs = require("fs")const path ...
ElementUI 样式死活改不掉?这 2 招专治各种不服!
背景:在前端开发中,UI 设计师的需求往往与 ElementUI、Ant Design 等第三方组件库的默认样式存在冲突。为了还原设计稿,我们经常需要对组件样式进行“魔改”。 很多新手在修改样式时,常遇到样式不生效或造成全局污染的问题。本文总结了在 Vue 项目中定制第三方 UI 样式的几种最佳实践,帮助大家优雅地解决由 scoped 带来的样式隔离难题。
方法总结:方案一:全局样式覆盖(Global Override)适用场景: 需要修改整个项目中某类组件的通用样式(如:统一修改所有按钮的圆角、统一 Input 输入框的高度)。
实现方式: 在项目样式目录下新建一个专门的重置文件(例如 styles/element-reset.scss),编写覆盖代码后,在入口文件引入。
创建重置文件 src/styles/element-reset.scss:
12345678/* 覆盖 element 全局样式 */ .el-button { border-radius: 2px; /* 比如将圆角改小 */ } /* 修改所有弹窗的头部背景 ...
前端视频流终极方案:Vue3 实现 RTSP 毫秒级低延迟播放 🔥
📝 背景在视频监控、直播等场景中,RTSP (Real Time Streaming Protocol) 是一种广泛使用的视频流传输协议。然而,痛点在于:**浏览器原生并不支持 RTSP 协议 **,传统的 <video> 标签无法直接播放 RTSP 流。
为了在 Web 前端实现 RTSP 视频播放,我们需要“曲线救国”:将 RTSP 流转换为浏览器原生支持的 WebRTC 协议。
本文将手把手教你如何使用 MediaMTX 作为流媒体服务器,在 Vue3 前端项目中实现丝滑的 RTSP 视频流播放。
🛠️ 解决方案我们需要两个核心工具:
MediaMTX: 一个轻量级的开源流媒体服务器,核心能力是支持 RTSP 转 WebRTC。
FFmpeg: 强大的音视频处理瑞士军刀,用于模拟 RTSP 视频流进行开发测试。
技术架构图:
1RTSP源流 --> MediaMTX服务器 --> WebRTC协议 --> 浏览器播放
💻 实操演练1. 视频流模拟首先,下载并启动 MediaMTX。
然后,下载 FFmpeg 工具,在FFmpe ...










