VsCode和AI的前端使用体验:分别使用了Copilot、通义灵码、iflyCode和Trae

1、前言

大杂烩~每次开发一行代码,各个AI争先恐后抢着提供帮助

备注:四款插件都需要先去官网注册账号,安装好之后有个账号验证。

2、插件详解

 2.1、AI分析的答案
  • GitHub Copilot
    • 定位:老牌 AI 代码补全工具,深度集成于 VS Code,基于海量 GitHub 代码库训练,擅长代码片段生成和上下文补全。
    • 基本使用:在代码编辑器中输入函数头或注释,自动生成后续代码。支持自动生成提交信息、调试建议和多文件上下文理解,但需手动选择文件。
    • 功能特点:具有多语言支持、高准确性的特点,适用于复杂项目和全栈开发,能满足追求效率的企业团队在日常代码补全、快速原型开发中的需求。
    • 注册地址:GitHub Copilot · Your AI pair programmer · GitHub
  • 通义灵码
    • 定位:阿里推出的免费 AI 编程助手,优势在于中文支持和教育场景,提供代码解释、智能问答等功能。
    • 基本使用:在 IDE 中通过注释或问答框输入需求,生成代码或解释逻辑,支持代码问题诊断和优化建议,如性能调优等。
    • 功能特点:基于通义大模型,提供行级 / 函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成等功能。它兼容 Visual Studio、Visual Studio Code、JetBrains IDEs 等主流编程工具,支持 Java、Python、Go 等 200 多种主流编程语言。此外,还支持上传企业私域知识库,实现私域知识问答,使 AI 推荐的代码更贴合企业规范。
    • 注册地址:下载安装-通义灵码
  • iFlyCode
    • 定位:科大讯飞旗下基于讯飞星火大模型的智能编程助手,为开发者提供沉浸式智能编码体验。
    • 基本使用:无缝集成到 VSCode、JetBrains 系列等主流 IDE 中,在编码过程中通过对话式交互窗口获取代码建议和专业知识问答。
    • 功能特点:以强大的星火大模型为基座,涵盖软件研发流程的 6 大领域场景,包括需求分析、编码、测试、技术设计、数据库建模和线上运维等。其智能体包括 iFlyMate(通用助理)、iFlyDev(高级助理)、iFlyTest(测试助理)、iFlyOps(运维助理)、iFlyPm(产品助理)、iFlyDBA(数据库管理助理),分别具备不同的专业能力,可处理各种 IT 知识问答、通用编程任务、企业代码知识库管理、项目级代码编程、代码优化、函数拆分、代码评审、单元测试、测试用例和脚本生成、运维问题解决、产品设计需求分析、SQL 生成与优化等功能。
  • Trae
    • 定位:字节跳动推出的一款面向开发者的 AI 集成开发环境(IDE),集成了 Claude 3.5 和 GPT - 4o 主流 AI 模型,旨在通过强大的 AI 功能提升开发效率。
    • 基本使用:通过快捷键 Command+U 启动 Builder/Chat 模式,输入自然语言需求或上传图片生成代码。支持本地终端命令操作,如 trae my - react - app 快速打开项目。提供主题切换、多语言支持和 Git 集成功能。
    • 功能特点:提供 AI 驱动的开发体验,包括 AI Q&A(开发者可随时与 AI 助手聊天,获取代码解释、注释、错误修复等帮助)、实时代码建议、代码片段生成、从零开始的项目开发等功能。支持多模态,开发者上传图像后,Trae 能理解图像内容并生成相关代码。还支持 Webview 功能,允许在 IDE 内直接预览 Web 页面,方便调试和开发。此外,Trae 提供完整的中文界面和代码注释支持,默认使用中文,特别适合中文开发者使用。
    • 注册地址Trae - AI 原生 IDE
2.2、各有特点
        2.2.1、Copilot

        除上述所说的ai代码补全外,也具备有聊天、纠错等功能,实际使用体验很不错。

        

        同时,对于生成的代码有一键插入到代码中的快捷设置

        

        并且,在编辑区域内也具有快捷修改的入口

        

        2.2.2、通义灵码

        

        

        可快捷生成注释或者代码解释,自动识别function并选中。

        

        2.2.3、iflycode

        功能和上述基本一致,区别只在于使用模型的回答效果。

        

        2.2.4、trae

        和上述三个插件不同,trae需下载单独的软件使用。不过trae的编辑器和VScode风格功能一致。

        缺点是trae的团队天天更新软件,隔三差五就提示要你重启hhh

        

     

Read more

CtfShow web入门——爆破21-28

1. web21 抓包发现用户名和密码被放到了Authorization: Basic YWRtaW46YWRtaW4=请求头里面,还被base64加密 这种爆破不太懂,看了一下官方提示里面:https://www.cnblogs.com/007NBqaq/p/13220297.html 使用的Burp Suite的Intruder的Custom iterator爆破模块。 BurpSuite 的 Custom Iterator(自定义迭代器) 模式可以灵活生成认证凭证组合,尤其适用于 Basic Auth 这种 用户名:密码 格式并经过 Base64 编码 的场景。 1.1. 选中payload: 1.2. 设置payloads,设置payload type为Custom interator;在设置Position1、2、3 1.3.

计算机类计算机类毕业设计选题指南:Web/人工智能/大数据/物联网/网络安全全方向选题表

计算机类计算机类毕业设计选题指南:Web/人工智能/大数据/物联网/网络安全全方向选题表

目录 * 前言 * 毕设选题 * Web/小程序 * 人工智能 * 大数据 * 物联网 * 网络安全 * 开题指导建议 * 更多精选选题 * 选题帮助 * 最后 前言 📅大四是整个大学期间最忙碌的时光,一边要忙着备考或实习为毕业后面临的就业升学做准备,一边要为毕业设计耗费大量精力。近几年各个学校要求的毕设项目越来越难,有不少课题是研究生级别难度的,对本科同学来说是充满挑战。为帮助大家顺利通过和节省时间与精力投入到更重要的就业和考试中去,学长分享优质的选题经验和毕设项目与技术思路。 🚀对毕设有任何疑问都可以问学长哦! 选题指导: 最新最全计算机专业毕设选题精选推荐汇总 大家好,这里是海浪学长毕设专题,本次分享的课题是 🎯计算机类毕业设计选题指南:Web/人工智能/大数据/物联网/网络安全全方向选题表 毕设选题 计算机类毕业设计选题涵盖了Web小程序开发、人工智能、大数据、物联网以及网络安全等多个核心研究方向。这些方向不仅体现了当前计算机技术的主流发展趋势,也为本科生提供了丰富的实践与创新空间。Web小程序方向专注于

Web 毕设篇-适合小白、初级入门练手的 Spring Boot Web 毕业设计项目:教室信息管理系统(前后端源码 + 数据库 sql 脚本)

Web 毕设篇-适合小白、初级入门练手的 Spring Boot Web 毕业设计项目:教室信息管理系统(前后端源码 + 数据库 sql 脚本)

🔥博客主页: 【小扳_-ZEEKLOG博客】 ❤感谢大家点赞👍收藏⭐评论✍         1.0 项目介绍         开发工具:IDEA、VScode         服务器:Tomcat, JDK 17         项目构建:maven         数据库:mysql 8.0 系统用户前台和管理后台两部分,项目采用前后端分离         前端技术:vue3 + elementUI         服务端技术:springboot + mybatis + redis + mysql         1.1 项目功能 后台功能:         1)登录、退出系统、首页         2)教室管理                 (1) 教室管理:添加、修改、删除、查询等功能。         3)教师管理

阿里开源纯前端浏览器自动化 PageAgent,[特殊字符] 浏览器自动化变天啦?

阿里开源纯前端浏览器自动化 PageAgent,[特殊字符] 浏览器自动化变天啦?

🤖 浏览器自动化变天了!从 Playwright 到 PageAgent,ZEEKLOG/掘金编辑器为何成了"拦路虎"? 摘要:浏览器自动化正在经历从"脚本执行"到"智能代理"的范式转移。阿里开源的 PageAgent 让 AI"住进"网页,但面对 ZEEKLOG 的换行陷阱和掘金的 CodeMirror 黑盒,纯 DOM 自动化为何频频碰壁?本文深度解析技术演进与实战破局方案。 01 技术演进:三代浏览器自动化方案对比 浏览器自动化技术,正在经历一场从"机械执行"到"智能理解"的革命。