Cline诀窍:开源 VS Code AI 编程 Agent 扩展——Cursor 的轻量替代。
Cline 作为 VS Code 上最活跃的开源 AI 编程 Agent 扩展,虽然名气不如 Cursor,但胜在免费、可控、可自定义。很多人装了却只当普通补全用,今天分享5个真正能提升效率的技巧。
.clinerules 给项目“立规矩”Cline 支持项目级别的规则文件,但很多人不知道它的威力。在项目根目录创建 .clinerules 文件,写入你的编码规范。
比如你团队用 Vue 3 + TypeScript + Pinia,可以写:
- 所有组件使用 `<script setup lang="ts">` 语法
- 状态管理优先使用 Pinia,不用 Vuex
- API 请求统一放在 `src/api/` 目录下
- 组件文件名使用 PascalCase,如 `UserCard.vue`
- 禁止使用 any 类型
Cline 在生成代码时会自动遵守这些规则。比每次手动说“用 TypeScript”高效得多。规则可以写几十条,它会像资深同事一样记住你的偏好。
默认 Cline 会一口气改完所有文件,但遇到复杂重构容易翻车。在 Cline 设置里开启“分步确认模式”(Step-by-step approval),每次修改前都会弹窗让你确认。
实战场景:重构一个老项目的 API 层。Cline 会先问“我要修改 api/user.ts,添加新的请求函数,同意吗?”你确认后它才动手。改完一个文件,再问下一个。这样你可以在中途叫停、调整方向,避免一次改崩整个项目。
这个模式特别适合:数据库迁移、API 接口重写、组件拆分等高风险操作。
/architect 模式做方案设计Cline 内置了多种 Agent 模式,其中 /architect 模式被严重低估。当你输入一个复杂需求时,先用这个模式让它输出技术方案,而不是直接写代码。
比如你想“给博客加全文搜索功能”,直接让写代码可能得到一堆耦合的代码。先用 /architect,它会输出:
1. 使用 Fuse.js 做客户端模糊搜索
2. 在 `src/utils/search.ts` 中封装搜索函数
3. 新建 `SearchDialog.vue` 组件
4. 在 `App.vue` 中注册快捷键 Ctrl+K 触发
你审核方案没问题后,再切回普通模式让它实现。这样既能保证架构清晰,又不会浪费时间在错误的实现上。
Cline 默认会尽可能调用模型,但如果你用付费 API(如 Claude),一次大任务可能烧掉几美元。在设置里找到“Cost Limit”,设置单次会话的预算上限。
我的习惯:日常小改设置 0.1 美元,重构任务设 0.5 美元,大项目设 1 美元。超过预算 Cline 会自动暂停,问你“要不要继续”。这样既不怕跑冒,又不会因为担心费用而不敢用。
另外,Cline 支持本地模型(如 Ollama),如果只是补全代码、改变量名,用本地模型完全够用,不费一分钱。
Cline 的“Custom Instructions”功能可以预设一组指令。我保存了一条“代码审查”指令:
请以资深代码审查者的身份,检查当前文件(或选中的代码段):
1. 是否存在性能隐患(如不必要的循环、重复渲染)
2. 是否有安全漏洞(如 XSS、SQL 注入风险)
3. 代码是否遵循 DRY 原则
4. 命名是否清晰
5. 是否有未处理的边界情况
选中一段代码,右键选择 Cline → 粘贴这条指令,它就会像真人 Reviewer 一样逐条分析。比手动 Review 快得多,尤其适合接手别人的烂代码。
Cline 真正的优势在于可定制——规则文件、模式切换、成本控制、自定义指令,这些组合起来能适配各种工作流。别把它当普通补全工具,把它当成一个可以调教的 AI 实习生,越用越顺手。