vibe coding

代码编辑器

vs code 为主,其他编辑器为辅,如 idea, pycharm 等

之前进行开发的时候,前端使用的是 vs code,后端使用的是 idea,在 vibe coding 中,就意味着两个上下文,在后端修改了接口,前端不能同步修改。这对于全栈开发来说,效率是比较低的。当对于前后端分离的项目来说(人也分离),没什么影响

但在我个人的角度,全栈开发是未来的发展趋势。过去 web1 时代的程序员也是全栈开发,随着业务需求和技术的不断迸发,程序员要掌握各种技术所花费的时间精力,已经跟不上需求迭代的速度,于是出现了前后端分离的工作模式。但在 AI 时代下,获取知识是十分容易的,我这里指的是初中级岗位所需要的知识

那么站在未来的角度,前后端使用同一个代码编辑器也是趋势。目前来说,对于大型项目,使用一个编辑器还没办法实现,因为大型项目的上下文太大了,几轮迭代下来,token的耗费是很恐怖的

但对于中小型项目,前后端使用同一个代码编辑器(vs code)是完全可以应对的

模型

模型的能力,直接决定生成的代码的质量,国外的模型都需要挂梯子,因此目前选择国内的大模型,如 qwen,deepseek,豆包,glm

Agent

我的搭配是 vs code + cline claude code + github copilot + deepseek

  • claude code 来管理我的代码生成和修改
  • github copilot 来进行 tab 代码补全
  • deepseek 来进行代码的质量检查和优化建议

claude code 常用命令

命令文档:https://claude.xaapi.ai/core/slash-commands.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# 启动 claude code
claude

# 继续上一次对话(保持上下文)
claude -c

# 从特定会话恢复
claude -r

# 内置命令
/help # 显示帮助信息
/exit # 退出 REPL
/clear # 清除当前对话上下文
/model <name> # 切换使用的模型
/cost # 显示当前会话的 token 使用量和费用
/compact # 压缩对话历史(减少上下文占用)
/config # 查看或修改配置
/status # 显示当前状态信息
/context # 查看当前上下文使用情况
/memory # 查看和编辑 CLAUDE.md 记忆文件
/forget # 清除特定的记忆内容

详细的使用文档: https://claude.xaapi.ai/guide/what-is-claude-code.html

todo 思维链设置为中文

在使用 claude code 的过程中,我需要将它的思维链设置为中文

我在 CLAUDE.md 中添加了明确的语音约束,要求它的所有输出都必须使用简体中文

但是我发现这种方式容易失效,在对话的过程中会忘记上面的约束,当它忘记的时候,我提醒下它,就又正常了

原因是 Claude Code 的底层系统提示词是英文的,它在底层引导模型以英文思维运作。

CLAUDE.md 中的中文要求被附加在大量英文指令之后,约束力不够。
现在两项改动让中文约束从文件第一行就开始生效,并以最高优先级指令的形式呈现,能最大程度压制英文系统提示词的偏向。

工作流

1
2
3
4
5
6
7
8
9
10
11
12
13
14
1. init # 初始化项目,生成 CLAUDE.md 记忆文件

2. plan # 生成执行计划,记录在 PLANS.md 中

3. design # 生成设计文档,记录在 DESIGN.md 中

4. code # 生成代码,提交到 github

5. review # 代码评审,生成评审报告,记录在 QUALITY_SCORE.md 中

6. deploy # 部署上线,记录部署过程和结果在 RELIABILITY.md 中

7. monitor # 监控运行状态,记录监控结果在 SECURITY.md 中