Workflow
菜鸟教程
icon
搜索文档
画图不再手搓!DeepSeek 新版一键生成流程图、时序图、类图~
菜鸟教程· 2025-06-03 18:34
AI生成Mermaid图表工具 核心观点 - AI工具可快速生成专业Mermaid图表 通过自然语言指令替代传统手动编码流程 显著提升开发效率[2][8] - 支持流程图、时序图、类图、甘特图、状态图、API流程图等6类技术图表生成 覆盖主流开发场景[3][10][13][16][18][21] - 生成代码可直接嵌入文档或导入Drawio等编辑器 实现端到端自动化制图[7] 性能表现 - 在AIME 2024数学竞赛中达到91.4 pass@1准确率 与OpenAI-3版本(91.6)相当[2] - 代码生成(LiveCodeBench)和编辑(Aider)任务表现分别为73.3和71.6 pass@1 超过Gemini-2.5-Pro[2] 典型应用场景 流程图 - 用户登录流程包含手机号验证、验证码校验等5个核心节点 代码生成耗时较手动编写减少90%[3] 时序图 - 支付接口调用流程完整展示12个交互步骤 包含同步请求和异步回调双路径[10][11] 类图 - 订单系统类图精准表达Order与OrderItem(1:n聚合)、Order与Payment(1:1关联)关系[13][14] 甘特图 - 用户中心重构项目自动生成包含4阶段6里程碑的排期计划 时间精度达天级[16][17] 状态图 - 工单生命周期状态机支持"待处理-处理中-已关闭"主路径 并允许处理中退回待处理的异常流[18][19] API流程图 - RESTful API交互过程可视化呈现客户端至数据库的全链路调用 包含负载均衡等基础设施节点[21][22]
IDEA 发布中文文档,再也不用右键翻译了~
菜鸟教程· 2025-06-02 20:40
IntelliJ IDEA中文文档发布 - IntelliJ IDEA作为全球最受欢迎的集成开发环境之一,官方上线了中文文档,显著提升中文开发者的阅读体验 [1] - 中文文档采用机器翻译技术实现,用户可在右上角语言图标切换中英文版本 [3] - 目前文档存在部分截图仍为英文的问题,但整体上帮助英语不熟练的开发者节省了翻译时间 [6] IDE行业发展趋势 - 中文文档的发布体现了IDE行业更加注重用户体验和本地化服务的发展趋势 [2] - 近年来IDE市场竞争加剧,在AI技术加持下,部分产品已具备接近团队协作的开发能力 [7] 主流AI IDE产品 - Cursor:基于VS Code深度优化,具备强大的AI代码理解能力,支持项目级代码分析与生成 [7] - Windsurf:AI具备长期记忆功能,能记住项目上下文,适合处理复杂开发任务 [8] - Trae:字节跳动开发的AI IDE,深度集成AI能力,提供智能问答和自动编程功能,国际版体验更佳 [9] - Lingma IDE:阿里推出的产品,深度集成阿里云服务,AI可自动调用各类工具完成端到端任务 [10] - VS Code + Copilot:凭借丰富的插件生态,通过Copilot插件扩展AI功能 [11]
GitHub汉化神器!英语渣解锁全中文界面!再也不用担心看不懂Pull Request~
菜鸟教程· 2025-05-27 20:20
GitHub平台概况 - GitHub成立于2008年,2018年被微软收购,是全球最大的开源代码托管平台,被开发者广泛使用[1] - 平台以英文界面为主,对非英语用户存在使用门槛,尤其影响初学者体验[2] GitHub汉化项目github-chinese - github-chinese通过脚本实现GitHub网页汉化,覆盖菜单、按钮等主要界面元素,解决语言障碍问题[2] - 项目已获得11.5k+ Star,显示中文用户需求旺盛[2] - 汉化内容包括Pull Request等专业术语,提升中文用户操作体验[2][17] 汉化工具技术实现 - 依赖Tampermonkey浏览器扩展管理脚本,该扩展拥有1100万用户,支持Chrome等主流浏览器[5] - 脚本通过修改DOM实现实时翻译,支持GitHub主站及子域名(gist.github.com等)[11] - 采用GPL-3.0开源协议,版本迭代至v1.9.3(2025-05-24),持续维护更新[11] 汉化效果对比 - 用户菜单、项目页面(如React)等核心功能完成中文本地化[15][17] - 翻译覆盖设置项、Copilot编程助手等新功能模块[8] - 提供简体中文(main.user.js)和繁体中文(main_zh-TW.user.js)双版本支持[8] 安装使用流程 1. 需先安装Tampermonkey扩展(Chrome商店评分4.7★/7.2万次评价)[5] 2. 通过项目地址获取脚本,点击Raw触发Tampermonkey自动安装[6][8] 3. 脚本生效后无需刷新即可实时显示汉化界面[11]
2025 年这些优秀 Chrome 扩展必须安排上,早用早下班,开发效率杠杠~
菜鸟教程· 2025-05-26 21:48
前端开发工具 - React Developer Tools 是 React 开发者的必备工具,支持检查和调试组件树、查看状态和属性,并兼容 Hooks 和 Suspense 等新特性 [1] - Vue.js devtools 是 Vue.js 官方调试工具,提供组件检查、Vuex 状态管理调试和事件追踪功能,特别支持 Vue 3 的 Composition API [3] - Redux DevTools 是 Redux 状态管理的调试工具,支持实时查看 action 分发、状态变化和时间旅行调试功能 [5] - Web Developer 提供多种 Web 开发工具,包括禁用 JavaScript、查看页面结构、验证 HTML/CSS 和调整浏览器窗口大小等功能 [6] 性能分析与优化 - Lighthouse 是 Google 官方的网站性能分析工具,可生成性能、可访问性、SEO 和最佳实践报告,2025 版本增强了对 Core Web Vitals 的分析 [7][8] - PageSpeed Insights 可快速检测网页加载速度和性能指标,提供优化建议,并与 Google Search Console 数据集成以改善搜索排名 [9][10] 视觉与设计工具 - ColorZilla 是强大的颜色选择和分析工具,支持取色、生成渐变色和创建调色板,适用于前端开发和设计 [14] - WhatFont 可一键识别网页中使用的字体,包括字体族、大小、行高和颜色等详细信息 [15] API 开发与测试工具 - JSON Formatter 是专业的 JSON 数据格式化工具,支持语法验证、压缩和美化,适用于 API 开发 [18] - Postman Interceptor 可与 Postman 应用配合使用,直接从浏览器捕获网络请求,便于 API 测试和调试 [20][21] - CORS Unblock 可临时解决开发环境中的 CORS 问题,但仅建议在开发时使用 [22] 生产力工具 - Lightshot 是轻量级截图工具,支持快速截图、编辑和分享,适合制作技术文档和 bug 报告 [24] - Speed Dial 2 是定制化的新标签页替代方案,支持个性化快速拨号界面和自定义背景 [26] - Multi Find: Search and Highlight 可在网页中同时搜索和高亮多个关键词,支持不同颜色标记,适用于代码审查和文档阅读 [28][29] - Octotree 为 GitHub 添加代码树形视图,支持快速浏览仓库结构和语法高亮 [30] - Enhanced GitHub 增强 GitHub 界面功能,添加文件大小显示、下载单个文件和复制文件内容等实用功能 [32][33] - Wappalyzer 可检测网站使用的技术栈,包括前端框架、后端技术和 CDN 等,适用于技术调研和竞品分析 [34] - Chrome版Todoist 是任务管理扩展,支持快速添加任务、设置截止日期和项目分类,适合敏捷开发团队 [36][37] - Page Assist 是本地运行的 AI 助手扩展,提供智能代码解释、技术文档总结和问题解答功能 [38] 安全与隐私工具 - Bitwarden Password Manager 是开源的密码管理器,提供密码生成、存储和自动填充功能,支持多平台同步 [39][40] - Fake Data 是智能表单填充工具,可快速生成测试数据,包括姓名、邮箱和地址等 [43] - uBlock Origin Lite 是高效的广告和追踪器拦截工具,可减少页面加载时间 [44][45] - HTTPS Everywhere 可自动将 HTTP 连接升级为 HTTPS,提供更细粒度的浏览安全控制 [46]
年薪96W!真心建议大家冲一冲新兴领域,工资高前景好
菜鸟教程· 2025-05-26 09:48
AI技术对程序员职业的影响 - 阿里云核心业务全部接入Agent体系,字节跳动30%后端岗位要求大模型开发能力,腾讯、京东、百度开放招聘的技术岗80%与AI相关 [1] - 大模型正在重构技术开发范式,传统CRUD开发模式被AI原生应用取代 [1] - 制造、医疗、金融等行业加速AI应用落地,企业更看重能用AI大模型技术重构业务流的技术人才 [1] - AI相关技术岗疯狂扩招,薪资逆势上涨150%,大厂开出70-100W年薪挖掘AI大模型人才 [1] AI技术岗位需求变化 - 传统开发框架、大数据工具不再是就业金钥匙,仅会调用API不足以胜任大模型相关工作 [1] - 未来1年内"有AI项目开发经验"可能成为技术人投递简历的门槛 [1] - 业务转型需要掌握RAG优化知识库检索、大模型微调数据准备等技能 [1] AI技术核心概念 - Agent是针对特定场景的AI解决方案,智能客服是企业级Agent的典型应用 [6] - RAG适用于需要不断更新知识的密集场景,优势在于不需重新训练大模型 [6] - Function Call通过运行特定功能代码块增强大模型处理能力,可集成外部工具和资源 [6] AI技术培训课程内容 - 课程包含大模型原理、Transformer架构核心原理、Fine-tuning技术等 [3] - 通过5个步骤培养大模型应用开发工程师:原理掌握→工具使用→产品开发→信息链接→实战演练 [13] - 拆解金融行业支小助、知乎直答等热门产品的技术架构 [13] - 提供大厂内推机会,帮助学员实现职业跃迁 [15][18] 课程特色与成果 - 已开班58期,服务20000+学员,多人获得高薪offer [8] - 赠送大模型应用案例集和AI商业落地白皮书 [13] - 课程由AI大模型领域大佬联合研发,分享商业化AI应用项目 [16] - 分析大厂招聘行情风向,提供职业发展路径规划 [18]
还有人手动画图?一键生成 Draw.io 流程图,3分钟交作业爽炸!
菜鸟教程· 2025-05-22 19:17
Draw.io产品概述 - 产品现更名为diagrams.net,是一款开源且免费的在线绘图工具[1] - 支持UML、流程图、架构图等多种图表类型,提供丰富模板资源[1] - 具备离线使用功能,支持导出PNG/SVG/PDF等多种格式[1] 产品特性 - 界面设计简单直观,功能强大[2] - 适用人群广泛,包括个人用户、开发者、设计师和项目经理等[2] - 提供在线访问和桌面应用两种使用方式[3] AI集成功能 - 支持通过AI生成Mermaid.js代码实现图表自动生成[6] - 操作流程:在Draw.io菜单选择"调整图形→插入→Mermaid"后输入AI生成的代码即可完成图表插入[6] 应用案例 - 流程图案例:可生成包含"输入账号密码→验证身份→进入首页"等步骤的完整流程图[8][9] - 决策树案例:展示用户从"查看产品"到"加入购物车"或"放弃购买"的完整决策路径[10] - 组织结构图案例:可生成从CTO开始,包含前端、后端、测试等角色的技术部门架构图[12] - 状态图案例:可展示订单状态变化流程,包括待付款、已发货、已签收、取消等状态[14][15] - 类图案例:可展示用户类、订单类、商品类之间的关联关系[16] 开发工具集成 - 提供VS Code扩展插件Draw.io Integration[18] - 插件支持通过创建.drawio.png后缀文件直接进行图表编辑[19][21]
微软嫡长子VS Code宣布打造AI编辑器计划,Cursor/Winsurf不得瑟瑟发抖?
菜鸟教程· 2025-05-21 18:34
VS Code开源AI编辑器计划 - 公司宣布将VS Code打造成功能完善的开源AI编辑器平台 遵循开放、协作、社区驱动的核心原则 [1][2] - 根据MIT许可证开放GitHub Copilot Chat扩展代码 并将相关组件重构至VS Code核心 [3] - AI功能完全开源 开发者可查看、修改和贡献模型训练及实现代码 确保技术透明性和社区参与度 [5] VS Code市场地位与生态 - 自2015年4月发布后 已发展为最受欢迎的开发工具之一 截至2025年全球用户超2000万且持续增长 [8][10] - 扩展市场拥有超40,000个扩展 月下载量达亿级 覆盖语言支持、调试器、主题等多领域 [11] - GitHub仓库为最活跃开源项目之一 拥有数千名贡献者和数万个已解决问题 [12] 竞争环境与行业动态 - 竞争对手Cursor基于VS Code开源技术构建 通过深度整合AI能力威胁其市场地位 [12] - 公司近期限制Cursor使用官方C/C++和C扩展程序 引发行业竞争加剧 [14][15] - Cursor Pro月费20美元 Windsurf月费15美元 未来可能爆发价格战 [18] 技术发展趋势 - 行业技术迭代加速 Claude 3.7 Sonnet和Gemini 2.5 Pro等AI模型性能快速提升 [20]
用上这些提示词(Prompt),效率超高,老板:你再多干点~
菜鸟教程· 2025-05-20 18:33
AI编程转型趋势 - 编程方式从传统搜索引擎转向AI辅助编程,开发者需要编写更详细的提示词而非简单关键词[1] - 高质量AI代码生成依赖两大要素:强大的底层模型和精准的提示词工程[2] - 行业出现对AI编程工具能否完全替代程序员的讨论,但调试环节仍需人工介入[3] 提示词工程体系 - 建立18类标准化提示词模板库,覆盖代码生成、解释、优化等全生命周期场景[4] - 典型模板包括:代码生成("使用[语言]编写[功能]")、代码优化("优化以下[语言]代码提高[性能]")、算法实现("用[语言]实现[算法]")等[4] - 技术选型提示词要求对比分析技术A/B的优缺点,考虑开发效率、性能等4维度[5] 需求分析与技术决策 - 需求解构提示词要求分4步:功能点优先级排序、难度标注、技术选型推荐、风险预警[6] - 技术选型顾问提示词需生成对比表,评估开发效率、性能等4个核心维度[6] - 实战案例:电商小程序技术栈选择需平衡团队适配度与社区活跃度[6] 代码生成与优化 - 高质量代码生成5要素:清晰结构、详尽注释、极致性能、全面异常处理、符合最新规范[7] - 算法实现提示词要求包含复杂度分析、优化空间说明和执行过程演示[8] - 代码优化聚焦4个关键点:性能瓶颈定位、冗余计算消除、内存占用降低、高效算法替代[8] 测试与质量保障 - 测试用例设计需覆盖正常情况、边界值、异常输入、压力测试4类场景[13] - 单元测试生成要求细粒度路径覆盖,使用mock处理依赖,单个测试仅关注1个断言点[14] - 代码审查提示词要求无情指出潜在BUG、安全隐患、性能问题等5类缺陷[12] 系统设计与部署 - 数据库设计提示词需包含表结构、索引优化、大数据量处理方案、表关系说明[16] - Docker部署方案要求区分3种环境配置,提供资源优化和数据持久化方案[21] - CI/CD流程设计需实现自动化构建测试、分级部署、快速回滚3大核心功能[21] 安全防护体系 - 安全审查提示词要求检测SQL注入、XSS等6类漏洞,并提供具体修复方案[23] - 数据加密方案设计需明确保护范围、安全等级、性能要求和跨平台兼容性[24] - 实战案例:社交APP需对用户数据实施端到端加密,确保数据库泄露时数据安全[24]
11w*14薪,进DeepSeek了!
菜鸟教程· 2025-05-19 18:53
据中国基金报报道,某招聘平台显示,杭州深度求索人工智能(AI)基础技术研究有限公 司( 即DeepSeek ),发布了多个岗位的招聘信息。 在DeepSeek挂出的职位中,大部分岗位的起薪在 3万元以上 , 其中 年薪最高可达 154万 元 。 猎聘网数据显示,掌握深度强化学习、多模态融合等DeepSeek核心技术人才, 薪资涨 幅同比超 120% 。 它不仅是技术的颠覆者,更是一场 席卷全球的" 高薪革命 "与" 职业机遇 风暴" ,技术人纷纷想转行、 跳槽到前景光明又高薪的算法岗位。 (深度学习/算法工程师的薪资在各个技术岗位中显然是最高的, 更多技术岗位平均薪资详请见下图) 其他企业为留住和吸引人才,也都相应 提高 薪资待遇, 有的岗位薪资甚至比往年 提高70% ! 字 节跳动73.5万年薪聘用应届生, 阿里达摩院开出超过 200万年薪。 2025年将是AI人才分水岭—— 要么成为DeepSeek技术红利的收割者,要么被时代无情淘汰! 高薪,是AI领域缺人的事实依据,但是找不到工作的大有人在,也是事实。 问题就在,申请算法岗的人很多,但实际能够胜任的很少。 求职者所具备的能力根本无法匹配一线企 业核心A ...
一文搞定!REST API 设计必备实用技巧
菜鸟教程· 2025-05-18 18:16
REST API(Representational State Transfer Application Programming Interface)是一种基于HTTP协议的软件架构风格,用于构建网络应 用程序接口。 REST API 是现代 Web 服务开发中最常用的 API 设计模式之一。 REST API 的核心特点包括: HTTP 方法对应操作: 常见 HTTP 状态码: REST API 最佳实践 在开发 Web 应用时,REST API就像是"桥梁",连接前端和后端,决定了系统的流畅性和用户体验。 一个好的 API 设计不仅能让开发更高效,还能让维护更轻松。 1. 用"名词"给API取名,别用"动词" API 的地址(端点)应该像"东西"的名字,而不是"动作"。比如,用 /users 表 示用户列表,而不是 /getUsers 。 无状态性(Stateless):每个请求都包含处理该请求所需的全部信息 资源导向(Resource-based):所有数据被视为资源,通过 URI 标识 统一接口(Uniform Interface):使用标准 HTTP 方法(GET、POST、PUT、DELETE 等 ...