实用技巧集
三个高频使用的效率技巧。
1. @ 符号精准引用文件
功能
摆脱低效的复制粘贴，直接在对话中引用文件内容。
命令格式
@{文件路径}
示例
参考 @src/templates/OldCard.tsx 的实现模式，
帮我重构 @src/components/NewCard.tsx 里的布局代码。
效果
- Claude 在后台自动读取文件的最新内容
- 无需手动复制粘贴
- 支持多文件对比
适用场景
| 场景 | 示例 |
|---|---|
| 对比重构 | "对比 @a.ts 和 @b.ts，统一风格" |
| 参考实现 | "按 @config.example.json 的格式生成新配置" |
| 精准审查 | "检查 @src/auth/login.js 的安全漏洞" |
2. 终端粘贴图片/截图
功能
利用多模态能力解决视觉难题。
操作方式
| 方式 | 操作 |
|---|---|
| 键盘粘贴 | Ctrl + V（Mac 终端也是 Ctrl + V） |
| 拖拽 | 将图片文件拖入终端 |
效果
终端出现 [Image #1] 标记后即可打字提问。
示例 Prompt
[Image #1] 这是我目前运行项目时的终端截图，
跑集成测试时弹出了这个报错，可能是什么原因导致的？
适用场景
| 场景 | 说明 |
|---|---|
| 报错诊断 | 截图终端错误信息 |
| UI设计对比 | 截图设计稿 vs 实现效果 |
| 流程图理解 | 截图架构图或流程图 |
3. URL 配合 /permissions 白名单
功能
让 AI 自己去查最新的官方文档，避免每次访问网络都弹窗打扰。
配置命令
/permissions
在权限设置中添加常用技术域名到 Allowlist。
常用白名单域名
| 域名 | 说明 |
|---|---|
docs.github.com |
GitHub API 文档 |
developer.mozilla.org |
MDN Web 文档 |
docs.python.org |
Python 官方文档 |
react.dev |
React 官方文档 |
nodejs.org |
Node.js 文档 |
示例 Prompt
参考 https://docs.github.com/en/rest/issues 里的最新官方 API 说明，
帮我用 Python 写一个自动创建和管理 Issue 的脚本。
效果
- Claude 自动访问文档链接
- 无需每次弹窗确认
- 获取最新官方信息
快速参考
| 技巧 | 命令/操作 | 用途 |
|---|---|---|
| 文件引用 | @path/to/file |
精准引用文件内容 |
| 图片粘贴 | Ctrl + V 或拖拽 |
多模态视觉分析 |
| URL白名单 | /permissions |
允许 AI 自动访问文档 |
相关链接
- 01_verification - 图片粘贴可用于 UI 视觉验证
- 02_explore_plan_implement - @引用用于 Explore 阶段
- catalog - 返回总目录