支持私有云部署
AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


【VS Code】Aide一个强大的AI提效扩展

发布日期:2025-03-22 07:42:32 浏览次数: 1583 来源:程序员小溪
推荐语

提升编码效率的AI助手,Aide扩展让VS Code更智能。

核心内容:
1. 一键添加代码注释,提高可读性
2. 支持代码在不同语言或框架间转换
3. AI优化代码,提供大师级编码建议

杨芳贤
53A创始人/腾讯云(TVP)最具价值专家


简介


Aide 是一个强大的 AI 辅助开发 VSCode 扩展,旨在提升您的编码体验。以下是您应该选择 Aide 的原因:

  • ? 提高代码可读性:一键为您的代码添加详细注释,提高可读性,而无需修改原始文件。

  • ? 轻松代码转换:即时将代码在不同语言或框架之间转换,使理解不熟悉的代码或迁移项目变得更容易。

  • ? 让大师帮你改代码:把你的代码给 AI 优化,看看大师是怎么写代码的。

  • ? 神奇的智能粘贴:粘贴时智能转换剪贴板内容,包括将设计截图转换为 UI 代码。简化跨语言、跨框架开发和设计到代码的工作流程。

  • ?️ 高效批量处理:轻松使用 AI 处理多个文件或文件夹,显著提高您的生产力。

  • ?️ 智能变量重命名:获取 AI 驱动的变量名建议及解释,帮助您为代码选择最佳名称。

  • ? 可自定义AI命令:创建并执行自定义 AI 命令,实现与代码库的灵活交互。

官网

官网地址:https://aide.nicepkg.cn/zh    

文档

官网文档地址:https://aide.nicepkg.cn/zh/guide/getting-started

安装插件

请使用 VSCode >= 1.82.0 版本。

在VS Code扩展插件搜索【Aide】进行安装    

配置 OpenAI Key

配置OpenAI Key结合OpenAI可以让助手更准确、更智能

这里我基于DeepSeek为例    

基本使用

代码查看器助手

使用 AI 为整个文件或选定的代码添加注释,使其易于阅读。实验发现,该功能还有代码续写的功能,对未完成代码进行续写。

编辑文件选中【代码查看器助手】,Aide会在侧边栏生成对应的添加注释和补全的代码,并提供多个快捷操作按钮:    

  • 快速关闭:直接关闭代码查看器页签

  • 复制全文:会复制当前添加注释的所有代码到剪切板

  • 对比原文:新开一个页签展示与源文件的对比结果

  • 替换原文:直接插入到源文件

代码转换

使用 AI 将整个文件或选定的代码从一种编程语言转换为另一种。支持任何语言。大部分语言支持高亮。

打开源文件,点击【代码转换】,选择需要转换的语言【JavaScript    

Aide配置中会默认记住转换的语言,如果不希望Aide自动记住转换语言,可以到Aide设置页面取消勾选(取消勾选需要在未进行转换之前操作,如果已进行过语言转换取消勾选本次操作将不起作用,操作可以看下面配置操作

如果已进行过语言转换会在 .vscode/settings.json 文件生成配置,如需转换为其他语言需要手动修改或者删除文件

大师帮你改代码

使用 AI 优化和重构整个文件或选定的代码。支持多种编程语言。    

打开源文件,点击【大师帮你改代码】,选择优化规则【加强安全措施

智能粘贴

使用 AI 智能识别剪贴板里的代码或者图片并进行格式转换,然后粘贴到当前编辑器中。

使用场景:

  • 作为一个不满足于现状的 CV 工程师,你希望粘贴功能更智能。

  • 智能粘贴将智能识别剪贴板内容并自动转换。

  • 复制 JSON 粘贴到 TypeScript 文件,会自动生成类型定义。

  • 复制 HTML 粘贴到 Flutter 文件,会自动转换为 Flutter Widget

  • 复制 Python 函数粘贴到 Rust 文件,会自动生成对应的 Rust 函数。    

  • 复制设计稿截图粘贴到 Vue/React/Flutter 代码中,会自动生成对应的UI 代码。

  • 复制数据库设计图粘贴到 SQL 文件,会自动生成相应的 SQL 代码。

{  "name": "John",  "age": 30,  "isAdmin": true}

复制上面内容到剪切板,在 type.ts 文件中选择【智能粘贴】,Aide会帮我们自动转换为 interface 接口定义

AI批量处理文件

使用 AI 将选中的多个文件代码根据你的需求处理。    

选择文件或者目录,右键【AI 批量处理文件

批量复制文件为AI提示词

将选定文件的内容复制到剪贴板,并格式化为 AI 交互提示。

    

选择文件或者目录,右键【复制为AI提示词

File: js/index.py.js.aide.ts```tsfunction number_max(numbers: number[]): number {    // 定义一个函数 number_max,它接受一个参数 numbers,这个参数预期是一个包含数字的数组        let max_num: number = numbers[0];    // 初始化变量 max_num,将其设置为数组 numbers 的第一个元素    // 假设数组至少有一个元素,这个变量将用于存储当前找到的最大值        for (let num of numbers) {        // 开始一个 for...of 循环,遍历数组 numbers 中的每一个元素        // 每次循环,num 变量都会被赋值为当前遍历到的元素                if (num > max_num) {            // 检查当前元素 num 是否大于 max_num            // 如果是,说明找到了一个新的最大值                        max_num = num;            // 将 max_num 更新为当前元素 num,因为 num 是新的最大值        }    }        return max_num;    // 循环结束后,返回 max_num,它现在是数组 numbers 中的最大值}```File: js/index.py.js```jsfunction number_max(numbers) {    // 定义一个函数 number_max,它接受一个参数 numbers,这个参数预期是一个包含数字的数组        let max_num = numbers[0];    // 初始化变量 max_num,将其设置为数组 numbers 的第一个元素    // 假设数组至少有一个元素,这个变量将用于存储当前找到的最大值        for (let num of numbers) {        // 开始一个 for...of 循环,遍历数组 numbers 中的每一个元素        // 每次循环,num 变量都会被赋值为当前遍历到的元素                if (num > max_num) {            // 检查当前元素 num 是否大于 max_num            // 如果是,说明找到了一个新的最大值                        max_num = num;            // 将 max_num 更新为当前元素 num,因为 num 是新的最大值        }    }        return max_num;    // 循环结束后,返回 max_num,它现在是数组 numbers 中的最大值}```

智能重命名变量

使用 AI 给出几个可能的变量名建议以及解释,帮助您更快地重命名变量。

选择变量名,右键【重命名变量】,根据AI给出的变量建议选择一个,会对当前文件中所有同名的变量进行同步替换    

自定义命令提问AI

基于选定的文件和用户输入准备并执行自定义 AI 命令。

将文件添加到 Aider 上下文,使用 Aider 对文件进行处理。对Aider感兴趣的可以查看:终端福音,AI终端编程助手Aider


总结

Aide与AI结合提供了一系列调用AI的快捷操作,包括代码注释、代码转换、代码优化、智能文件转语言、批处理文件等,在一定程度上简化了AI的调用复杂度,尤其是代码转换、批处理、智能粘贴等功能使用得当可以极大提高工作效率。

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费场景POC验证,效果验证后签署服务协议。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询