Cloud Code 全流程实战指南从环境搭建到高级功能扩展️全流程实战指南从环境搭建到高级功能扩展一、环境搭建与基础交互二、 核心工作模式复杂任务处理与终端控制一、项目实战代办软件开发二、终端命令控制1. 命令执行输入!进入bash模式可运行任意终端命令如open index.html。2. 权限管理3. 后台任务管理多模态与上下文管理一、多模态交互1. 图片输入2. Figma设计稿还原二、上下文管理核心命令高级功能扩展与定制一、项目配置文件cloud.md1. 初始化执行--init生成模板文件。2. 作用3. 使用修改后重启Cloud Code自动生效通过--memory命令快速编辑✏️。二、钩子Hook系统1. 配置入口--hooks命令进入配置界面⚡。2. 执行时机支持工具使用前/后、失败时等多种触发条件⏱️。3. 应用示例代码自动格式化✨4. 作用域本地项目级、共享项目级、用户级。三、Agent Skill1. 定义动态加载的提示词模板类似“给大模型看的说明书”。2. 创建方法在~/.cloud/skills目录下创建技能文件夹及skill.md。3. 使用方式4. 典型应用生成标准化日报、代码规范检查等。四、Sub Agent子代理1. 创建命令--agent选择Create new agent。2. 核心特性3. 应用场景代码审核、大型项目分析等资源密集型任务。五、插件系统1. 插件管理/plugin命令进入插件管理器。2. 安装流程在Discover页面选择插件支持用户级/项目级安装。3. 组成结构可包含Agent Skill、Sub Agent、Hook等多种组件。4. 示例Frontend Design插件可显著提升UI设计质量。关键洞察与注意事项1. 安全警示2. 版本兼容性3. 最佳实践4. 生态扩展六、写在最后 教学感悟 内容适配说明 致学习者️全流程实战指南从环境搭建到高级功能扩展一、环境搭建与基础交互#全流程实战指南从环境搭建到高级功能扩展# 1. 安装与登录流程安装步骤通过官方网站复制安装命令在终端粘贴执行完成安装。#全流程实战指南从环境搭建到高级功能扩展# 2. 登录方式订阅制适用于Cloud Pro/Max会员通过网页授权完成登录API Key按token用量计费需手动配置国产模型兼容支持GLM、Minimax等模型通过设置环境变量实现二、 核心工作模式Cloud Code提供三种交互模式通过ShiftTab循环切换模式特点适用场景默认模式提示文字? for shortcuts每次文件操作需用户确认✅安全优先关键文件修改自动模式Accept edits on会话期间自动同意所有文件操作⚡信任任务流程提升效率规划模式Plan mode只讨论方案不执行操作️复杂需求设计与方案探讨复杂任务处理与终端控制一、项目实战代办软件开发基础实现通过命令cloude启动后输入用HTML实现代办软件自动生成index.html。架构升级从单文件HTML重构为ReactTypeScriptVite现代架构使用规划模式Plan mode讨论重构方案通过ControlG调用VS Code编辑复杂需求⌨️支持多行输入ShiftEnter换行↩️旧版本不支持建议升级二、终端命令控制1. 命令执行输入!进入bash模式可运行任意终端命令如open index.html。2. 权限管理终端命令默认需用户确认⚠️无全局自动执行选项危险模式启动时添加--dangerously-skip-permissions参数会同时跳过所有文件操作和终端命令的权限检查3. 后台任务管理ControlB将当前任务放入后台⏸️--tasks查看后台任务列表K终止指定后台任务❌多模态与上下文管理一、多模态交互1. 图片输入直接拖放图片至终端️粘贴图片最新版本Mac系统支持CommandV旧版本需使用ControlV2. Figma设计稿还原通过MCP模型通信协议连接Figma安装Figma MCP Server执行官方提供的安装命令⚙️复制设计稿链接Cloud Code可获取精确设计参数间距、字体、样式等二、上下文管理核心命令命令功能应用场景/compact压缩上下文保留关键信息️提升性能减少token消耗/clear清空所有上下文开始全新任务/rewind回滚到指定历史版本⏪撤销错误操作/resume恢复上一次对话中断后继续工作注意回滚功能仅是对ClaudeCode生成的文件有效终端命令创建的文件需要手动处理。高级功能扩展与定制一、项目配置文件cloud.md1. 初始化执行--init生成模板文件。2. 作用项目级/用户级配置分别存于项目目录和用户目录️定义固定提示词、注意事项等全局规则3. 使用修改后重启Cloud Code自动生效通过--memory命令快速编辑✏️。二、钩子Hook系统1. 配置入口--hooks命令进入配置界面⚡。2. 执行时机支持工具使用前/后、失败时等多种触发条件⏱️。3. 应用示例代码自动格式化✨jq-r.file_path|xargsprettier--write4. 作用域本地项目级、共享项目级、用户级。三、Agent Skill1. 定义动态加载的提示词模板类似“给大模型看的说明书”。2. 创建方法在~/.cloud/skills目录下创建技能文件夹及skill.md。3. 使用方式自动触发大模型识别需求后调用手动触发--[skill名称]直接调用️4. 典型应用生成标准化日报、代码规范检查等。四、Sub Agent子代理1. 创建命令--agent选择Create new agent。2. 核心特性独立上下文、工具和技能仅返回最终结果不污染主对话3. 应用场景代码审核、大型项目分析等资源密集型任务。五、插件系统1. 插件管理/plugin命令进入插件管理器。2. 安装流程在Discover页面选择插件支持用户级/项目级安装。3. 组成结构可包含Agent Skill、Sub Agent、Hook等多种组件。4. 示例Frontend Design插件可显著提升UI设计质量。关键洞察与注意事项1. 安全警示--dangerously-skip-permissions参数会赋予Cloud Code完全终端权限存在理论风险。2. 版本兼容性部分功能如ShiftEnter换行、Mac快捷键需较新版本支持建议定期升级。3. 最佳实践复杂项目建议结合Git使用弥补Cloud Code回滚功能的局限性通过cloud.md定义团队规范确保协作一致性利用Sub Agent处理资源密集型任务⚡保持主对话简洁4. 生态扩展插件市场持续增长已覆盖UI设计、特定语言支持等多个领域。### 环境搭建与基础交互六、写在最后 教学感悟从一线开发转向 ClaudeCode 教学最深刻的体会是编程教学并非「单纯罗列语法」而是通过 ClaudeCode 特有的实战化引导打通「知识」与「落地」的壁垒。ClaudeCode 成为教学过程中的「核心工具链️」帮助将抽象的编程概念转化为可落地的实战案例从而聚焦于逻辑思维培养和工程化编码习惯塑造。 内容适配说明示例内容基于 ClaudeCode 最新版本环境验证通过✅修改业务场景与核心参数即可快速复用。若内容对你有启发欢迎点赞❤️或分享评论区期待你的「学习实战故事」️—— 无论是语法卡点还是思维突破共同探讨成长 致学习者编程能力的本质是相通的语法基础能搭建代码的骨架而 ClaudeCode 赋能的工程化思维则赋予代码生命力。保持探索每一次卡点都是进阶的契机
【CC使用指南】Cloud Code 全流程实战指南：从环境搭建到高级功能扩展
Cloud Code 全流程实战指南从环境搭建到高级功能扩展️全流程实战指南从环境搭建到高级功能扩展一、环境搭建与基础交互二、 核心工作模式复杂任务处理与终端控制一、项目实战代办软件开发二、终端命令控制1. 命令执行输入!进入bash模式可运行任意终端命令如open index.html。2. 权限管理3. 后台任务管理多模态与上下文管理一、多模态交互1. 图片输入2. Figma设计稿还原二、上下文管理核心命令高级功能扩展与定制一、项目配置文件cloud.md1. 初始化执行--init生成模板文件。2. 作用3. 使用修改后重启Cloud Code自动生效通过--memory命令快速编辑✏️。二、钩子Hook系统1. 配置入口--hooks命令进入配置界面⚡。2. 执行时机支持工具使用前/后、失败时等多种触发条件⏱️。3. 应用示例代码自动格式化✨4. 作用域本地项目级、共享项目级、用户级。三、Agent Skill1. 定义动态加载的提示词模板类似“给大模型看的说明书”。2. 创建方法在~/.cloud/skills目录下创建技能文件夹及skill.md。3. 使用方式4. 典型应用生成标准化日报、代码规范检查等。四、Sub Agent子代理1. 创建命令--agent选择Create new agent。2. 核心特性3. 应用场景代码审核、大型项目分析等资源密集型任务。五、插件系统1. 插件管理/plugin命令进入插件管理器。2. 安装流程在Discover页面选择插件支持用户级/项目级安装。3. 组成结构可包含Agent Skill、Sub Agent、Hook等多种组件。4. 示例Frontend Design插件可显著提升UI设计质量。关键洞察与注意事项1. 安全警示2. 版本兼容性3. 最佳实践4. 生态扩展六、写在最后 教学感悟 内容适配说明 致学习者️全流程实战指南从环境搭建到高级功能扩展一、环境搭建与基础交互#全流程实战指南从环境搭建到高级功能扩展# 1. 安装与登录流程安装步骤通过官方网站复制安装命令在终端粘贴执行完成安装。#全流程实战指南从环境搭建到高级功能扩展# 2. 登录方式订阅制适用于Cloud Pro/Max会员通过网页授权完成登录API Key按token用量计费需手动配置国产模型兼容支持GLM、Minimax等模型通过设置环境变量实现二、 核心工作模式Cloud Code提供三种交互模式通过ShiftTab循环切换模式特点适用场景默认模式提示文字? for shortcuts每次文件操作需用户确认✅安全优先关键文件修改自动模式Accept edits on会话期间自动同意所有文件操作⚡信任任务流程提升效率规划模式Plan mode只讨论方案不执行操作️复杂需求设计与方案探讨复杂任务处理与终端控制一、项目实战代办软件开发基础实现通过命令cloude启动后输入用HTML实现代办软件自动生成index.html。架构升级从单文件HTML重构为ReactTypeScriptVite现代架构使用规划模式Plan mode讨论重构方案通过ControlG调用VS Code编辑复杂需求⌨️支持多行输入ShiftEnter换行↩️旧版本不支持建议升级二、终端命令控制1. 命令执行输入!进入bash模式可运行任意终端命令如open index.html。2. 权限管理终端命令默认需用户确认⚠️无全局自动执行选项危险模式启动时添加--dangerously-skip-permissions参数会同时跳过所有文件操作和终端命令的权限检查3. 后台任务管理ControlB将当前任务放入后台⏸️--tasks查看后台任务列表K终止指定后台任务❌多模态与上下文管理一、多模态交互1. 图片输入直接拖放图片至终端️粘贴图片最新版本Mac系统支持CommandV旧版本需使用ControlV2. Figma设计稿还原通过MCP模型通信协议连接Figma安装Figma MCP Server执行官方提供的安装命令⚙️复制设计稿链接Cloud Code可获取精确设计参数间距、字体、样式等二、上下文管理核心命令命令功能应用场景/compact压缩上下文保留关键信息️提升性能减少token消耗/clear清空所有上下文开始全新任务/rewind回滚到指定历史版本⏪撤销错误操作/resume恢复上一次对话中断后继续工作注意回滚功能仅是对ClaudeCode生成的文件有效终端命令创建的文件需要手动处理。高级功能扩展与定制一、项目配置文件cloud.md1. 初始化执行--init生成模板文件。2. 作用项目级/用户级配置分别存于项目目录和用户目录️定义固定提示词、注意事项等全局规则3. 使用修改后重启Cloud Code自动生效通过--memory命令快速编辑✏️。二、钩子Hook系统1. 配置入口--hooks命令进入配置界面⚡。2. 执行时机支持工具使用前/后、失败时等多种触发条件⏱️。3. 应用示例代码自动格式化✨jq-r.file_path|xargsprettier--write4. 作用域本地项目级、共享项目级、用户级。三、Agent Skill1. 定义动态加载的提示词模板类似“给大模型看的说明书”。2. 创建方法在~/.cloud/skills目录下创建技能文件夹及skill.md。3. 使用方式自动触发大模型识别需求后调用手动触发--[skill名称]直接调用️4. 典型应用生成标准化日报、代码规范检查等。四、Sub Agent子代理1. 创建命令--agent选择Create new agent。2. 核心特性独立上下文、工具和技能仅返回最终结果不污染主对话3. 应用场景代码审核、大型项目分析等资源密集型任务。五、插件系统1. 插件管理/plugin命令进入插件管理器。2. 安装流程在Discover页面选择插件支持用户级/项目级安装。3. 组成结构可包含Agent Skill、Sub Agent、Hook等多种组件。4. 示例Frontend Design插件可显著提升UI设计质量。关键洞察与注意事项1. 安全警示--dangerously-skip-permissions参数会赋予Cloud Code完全终端权限存在理论风险。2. 版本兼容性部分功能如ShiftEnter换行、Mac快捷键需较新版本支持建议定期升级。3. 最佳实践复杂项目建议结合Git使用弥补Cloud Code回滚功能的局限性通过cloud.md定义团队规范确保协作一致性利用Sub Agent处理资源密集型任务⚡保持主对话简洁4. 生态扩展插件市场持续增长已覆盖UI设计、特定语言支持等多个领域。### 环境搭建与基础交互六、写在最后 教学感悟从一线开发转向 ClaudeCode 教学最深刻的体会是编程教学并非「单纯罗列语法」而是通过 ClaudeCode 特有的实战化引导打通「知识」与「落地」的壁垒。ClaudeCode 成为教学过程中的「核心工具链️」帮助将抽象的编程概念转化为可落地的实战案例从而聚焦于逻辑思维培养和工程化编码习惯塑造。 内容适配说明示例内容基于 ClaudeCode 最新版本环境验证通过✅修改业务场景与核心参数即可快速复用。若内容对你有启发欢迎点赞❤️或分享评论区期待你的「学习实战故事」️—— 无论是语法卡点还是思维突破共同探讨成长 致学习者编程能力的本质是相通的语法基础能搭建代码的骨架而 ClaudeCode 赋能的工程化思维则赋予代码生命力。保持探索每一次卡点都是进阶的契机
