前端开发神器之 VS Code AI 辅助插件 Amazon Q
前言
如今AI潮，在开发过程中如果还没使用AI辅助的话，可以说已经落后一大截了。我们都有过写代码时反复看了半天也不知道bug在哪，大大浪费了时间。一些基础的代码可能看一会儿能够解决，但是复杂的代码就要花上一二个小时去检查，甚至更久。要是有个AI工具，可以帮助我们搞定基础代码，复杂的逻辑给我们提供给逻辑，那岂不是更好啦。如今市场上AI辅助工具也是非常多，这里介绍一款我在日常工作中一直使用的的AI辅助工具——Amazon Q，开发效率非常高。
新用户可获得高达 200 美元的服务抵扣金
亚马逊云科技新用户可以免费使用亚马逊云科技免费套餐（Amazon Free Tier）。注册即可获得 100 美元的服务抵扣金，在探索关键亚马逊云科技服务时可以再额外获得最多 100 美元的服务抵扣金。使用免费计划试用亚马逊云科技服务，最长可达 6 个月，无需支付任何费用，除非您选择付费计划。付费计划允许您扩展运营并获得超过 150 项亚马逊云科技服务的访问权限。
Amazon Q的优势有哪些
Amazon Q 是一款能够彻底改变工作方式的智能助手。它针对不同岗位的专业需求，为软件开发、商业分析、客户服务、供应链管理等领域的从业者提供精准的AI支持，通过其强大的代理能力，实现流程优化、决策加速和效率倍增。
- 会根据您的注释和现有代码生成实时代码建议，涵盖从代码片段到完整函数的各种功能。它还支持直接在代码编辑器中进行内联聊天，以及在命令行中进行 CLI 补全和自然语言到 Bash 的翻译
- 将 Amazon Q Developer 安全地连接到您的私有存储库，以生成更多相关的代码建议、询问有关公司代码的问题并更快地了解您的内部代码库。
- 编写单元测试、优化代码并扫描漏洞。Amazon Q 将提供修复建议，帮助您立即修复代码。Amazon Q Developer 安全扫描在检测大多数流行编程语言方面的表现优于领先的公开基准测试工具。
- Amazon Q 开发人员代理可从单元测试、文档编制和代码审查等复杂且多步骤的任务中分担大量工作。软件开发代理可帮助您实现功能、编写代码文档并启动新项目，所有操作只需一个提示即可完成。软件开发代理在 SWE-Bench Leaderboard 和 Leaderboard Lite 上均获得了最高分。
- 无论您在何处工作（包括常用的 IDE、命令行、亚马逊云科技 管理控制台、搭载 Amazon Q 的 GitLab Duo、Amazon Q 开发者版转换 Web 体验），您都可以使用 Amazon Q 开发者版
注册账号
在使用 Amazon Q之前，需要先注册亚马逊云科技官方账号。
重要说明：申请 亚马逊云科技必须持有一张信用，比如万事达、运通卡、VISA卡、银联信用卡
- 登录亚马逊云科技官方网站，点击右上角的登录控制台。然后选择创建新的亚马逊云科技账号
2、按照提示填写邮件地址与账户名称,然后点击验证电子邮件地址。
3、查看邮箱中的验证码
4、输入验证码，点击验证
5、验证通过后输入根用户密码两次后并点击继续。
6、按照提示输入联系人信息后并点击继续，所有信息不能用中文、拼音。
7、输入信用卡信息后点击继续，万事达、运通卡、VISA卡、银联信用卡都可以。
8、确认身份信息后点击继续，中国地区代码+86。
9、输入短信验证码后继续。
10、选择支持计划，选第一个基本支持 – 免费的即可。
使用Amazon Q
这里我以VS Code开发工具为例，介绍一下Amazon Q如何使用。
1、下载Amazon Q
首先在VS Code插件市场中搜索Amazon Q，点击安装
随后在左侧菜单中可以看到Amazon Q的logo,点击就可以看到主面板
随后选择“Personal account”
提示是否要打开外部网站，点击打开
首先要创建Amazon Builder ID ，输入邮箱
随后提示输入姓名
输入邮箱里的验证码
输入密码，验证码，点击创建亚马逊云科技构建者ID
之后在弹出的窗口中点击“允许访问”
看到“Request approved”就可以正常使用啦
回到VSCode之后，可以看到插件页面已经登录，可以看到chat窗口
2、快捷操作
Amazon Q有一些快捷操作，比如
- /dev ：快速生成代码
- /test：对选择的代码生成测试用例
- /review：在提交之前识别并修复代码问题
- /doc：生成文档
- /transform：转换你的java项目
- /help：更多关于Amazon Q的信息
- /clear：清空交互对话
- /compact：将内容压缩为简要要点。
在编辑器面板中，提供了7个AI驱动的编程辅助功能
- Explain (解释) - ⌥⌘E：AI解释选中的代码
- Refactor (重构) - ⌥⌘U：AI辅助代码重构
- Fix (修复) - ⌥⌘Y：AI自动修复代码问题
- Optimize (优化) - ⌥⌘A：AI优化代码性能
- Generate Tests (生成测试) - ⌥⌘T：AI生成测试代码
- Send to prompt (发送到提示) - ⌥⌘Q：将代码发送到AI提示
- Inline chat (行内聊天) - ⌘I：在代码中直接与AI对话
3、生成测试代码
这里我选中一段代码让它生成一段测试代码
可以看到它执行了下面的操作
1. 创建测试目录结构
2. 创建Popup组件测试文件
文件: Popup.test.tsx
变更: +69 -0 (新增69行代码)
说明: 创建了TypeScript JSX格式的测试文件，包含了对Popup组件的测试用例
3. 创建Jest配置文件
文件: jest.config.js
变更: +13 -0 (新增13行代码)
说明: 配置Jest测试框架，定义测试环境、转换器、覆盖率等设置
4. 创建测试设置文件
文件: setupTests.ts
变更: +1 -0 (新增1行代码)
说明: 创建测试环境的全局设置文件，通常用于配置测试工具、模拟器等
最后对我选中的代码创建了测试，并且提示我如何进行测试
- 固定上下文
点击@pin Context之后，在弹出的窗口顶部有一个"Search context"（搜索上下文）的搜索框，方便用户快速查找特定的上下文选项。
上下文选项列表 - 包含6个主要选项，每个都有图标、标题和描述：
- @workspace - "Reference all code in workspace"（引用工作区中的所有代码）
- Folders - "Add all files in a folder to context"（将文件夹中的所有文件添加到上下文）
- Files - "Add a file to context"（添加文件到上下文）
- Code - "Add code to context"（添加代码到上下文）- 当前被蓝色高亮选中
- Prompts - "Add a saved prompt to context"（添加已保存的提示到上下文）
- Image - "Add image to context"（添加图片到上下文）
4、审查项目代码
在Chat框中输入Review poject，
可以看到它为我分析的结果，表明我的项目中的问题还是非常多的
- 支持MCP
点击Chat窗口右上角的第一个按钮
出现下面的窗口，就可以设置你的MCP
（1）作用域选择
提供了两个单选按钮选项：Global（全局）：当前被选中，表示该服务器配置将在全局范围内使用；
This workspace（此工作区）：仅限在当前工作区内使用
（2）配置表单
包含三个主要输入字段：Name（名称）：必填项，用于输入服务器的名称
Transport（传输协议）：下拉菜单，当前选择为 "http"，支持其他协议选项
URL：必填项，用于输入服务器的完整 URL 地址
Amazon Q开发者版VS 企业版
Amazon Q还有企业版本，功能更加强大。Amazon Q Business 让您组织中的每个人都能安全地访问生成式人工智能。Amazon Q Business 可利用您自己公司的内容、数据和系统，更轻松地帮助您快速获取亟需处理的问题的相关答案、解决问题、生成内容并代表您采取行动。Amazon Q Business 可轻松安全地连接到常用系统和工具，因此可以综合所有内容并提供量身定制的帮助，让您的团队能够以数据为导向，更具创造力和生产力。
可以根据团队规模、安全要求、预算限制和功能需求进行选择，下面是开发者版和企业版的对比。
| 功能特性 | 开发者版本 | 企业版 |
| 目标用户 | 个人开发者、小团队 | 大型企业、组织 |
| 部署方式 | 云端 SaaS | 云端 SaaS + 私有化部署 |
| 定价模式 | 订阅制，价格较低 | 企业级定价，包含专业服务 |
| 用户规模 | 个人或小团队 | 支持大规模团队 |
| 数据存储 | 云端存储 | 云端 + 私有云/本地存储 |
| SSO 集成 | 不支持 | 支持企业 SSO |
| 代码生成 | ✅ 基础功能 | ✅ 增强功能 |
| 代码解释 | ✅ 基础功能 | ✅ 高级分析 |
| 代码重构 | ✅ 基础建议 | ✅ 智能重构 |
| 文档生成 | ✅ 基础功能 | ✅ 企业级文档 |
| 团队协作 | ❌ 不支持 | ✅ 完整协作功能 |
| 代码审查 | ❌ 不支持 | ✅ 内置审查工具 |
| 知识库管理 | ❌ 不支持 | ✅ 企业知识库 |
| CI/CD 集成 | ❌ 不支持 | ✅ 深度集成 |
| 代码质量检查 | 基础检查 | 企业级质量分析 |
总结
Amazon Q 让 AI 助手真正走进企业日常，通过自然语言交互为每个员工提供贴心的智能服务，无论是新员工快速了解公司政策、开发者获得代码助手支持、管理者获取数据分析洞察，还是客服人员智能解答客户问题，都能享受到零学习成本的个性化 AI 服务，以安全可靠的权限体系确保企业数据安全，让 AI 成为提升工作效率的最佳伙伴。
在使用Amazon Q过程中，工作效率显而易见的提高，作为其深度用户体验者，非常推荐大家使用。如果你还没有使用AI辅助工具来进行开发，那么赶快行动起来吧！