前端对Commands(斜杠命令)一些常用
·
在 Claude Code 语境下,Commands(斜杠命令),指的就是以 /开头的 CLI 指令,用来驱动 Claude 做标准化、可重复的动作。
Commands(斜杠命令)是什么?
Commands = Claude Code 的内置指令系统
用来做:代码生成、审查、测试、提交、初始化等标准化操作
在终端里长这样👇
/init
/code 创建一个 Button 组件
/review src/pages/UserDetail.tsx
/commit
Commands 是 Claude Code 的“标准化操作入口”。有了它,你和团队对 Claude 的使用方式会变得像 Git 命令一样稳定、可预期
一、为什么 Commands 重要?
✅ 团队统一行为
-
不管谁用 Claude,输入
/code、/review的效果都一样
✅ 避免 Prompt 漂移
-
不用每个人自己写“请帮我审查一下代码……”
✅ 可自动化
-
可结合 Hooks / SubAgents / Skills
二、你这个项目中最有用的 Commands
✅ 1. /init—— 项目初始化
/init
作用:
-
让 Claude 扫描项目
-
理解技术栈、目录结构
-
生成 / 更新
CLAUDE.md
✅ 2. /code—— 生成或修改代码(最常用)
/code 使用 component-design skill 创建 Button 组件
/code 在 api/user.ts 中封装 useUserQuery
特点:
-
遵循
CLAUDE.md -
自动调用相关 Skill / SubAgent
-
输出可直接落地的代码
✅ 3. /review—— 代码审查
/review src/components/features/UserCard.tsx
Claude 会:
-
按
review.md审查 -
输出结构化结果(优点 / 问题 / 建议)
✅ 4. /test—— 生成测试
/test 给 useUserQuery 写测试
/test 给 Button 组件写单元测试
✅ 5. /commit—— 生成提交信息
/commit
Claude 会:
-
分析 diff
-
按团队规范生成 commit message
✅ 6. /explain—— 解释代码
/explain src/stores/authStore.ts
适合:
-
接手老代码
-
理解复杂逻辑
✅ 7. /run—— 执行命令
/run npm run dev
/run npm test
✅ 8. /skill—— 显式调用 Skill
/skill component-design
然后继续对话:
创建一个 Input 组件
✅ 9. /agent—— 显式调用 SubAgent
/agent code-reviewer
✅ 10. 其他通用命令
|
命令 |
作用 |
|---|---|
|
|
查看可用命令 |
|
|
清空当前上下文 |
|
|
查看 / 编辑记忆 |
|
|
退出 Claude Code |
三、Commands vs Skills vs SubAgents(一句话区分)
|
概念 |
本质 |
例子 |
|---|---|---|
|
Commands |
动作指令 |
|
|
Skills |
专家知识 |
组件设计、数据层规范 |
|
SubAgents |
独立专家进程 |
code-reviewer、type-guardian |
更多推荐



所有评论(0)