企业官网建设流程全解析

一般网站空间多大,南宁网站建设兼职,上海网站建设制作,网站的构思Open Code教程#xff08;二#xff09;| 命令与技巧大全 OpenCode 命令与技巧大全一、前言二、命令大全斜杠命令#xff08;/commands#xff09; 三、快捷键大全基础操作消息浏览Leader 键命令 四、文件引用#xff08; 符号#xff09;技巧 五、Shell 命令#xff08…Open Code教程二| 命令与技巧大全OpenCode 命令与技巧大全一、前言二、命令大全斜杠命令/commands三、快捷键大全基础操作消息浏览Leader 键命令四、文件引用 符号技巧五、Shell 命令! 前缀使用场景六、Plan 模式 vs Build 模式 Plan Agent规划模式 Build Agent构建模式最佳实践示例工作流七、general 子代理generalexplore八、会话操作九、提示词技巧❌ 不好的提示✅ 好的提示提示词要素十、图片支持十一、下一篇预告OpenCode 命令与技巧大全一、前言上一篇我们完成了 OpenCode 的安装和基础配置。本文将详细介绍所有命令、快捷键和使用技巧帮助你更高效地使用 OpenCode。二、命令大全斜杠命令/commands在 OpenCode 中输入/可以触发命令以下是完整命令列表命令功能快捷键/help显示帮助对话框Ctrlx h/connect添加/配置 AI 提供商-/models列出可用模型Ctrlx m/init创建/更新 AGENTS.md 文件Ctrlx i/new开始新会话别名/clearCtrlx n/sessions列出和切换会话别名/resume、/continueCtrlx l/undo撤销上一次修改Ctrlx u/redo重做撤销的修改Ctrlx r/share分享当前会话Ctrlx s/unshare取消分享当前会话-/compact压缩当前会话别名/summarizeCtrlx c/details切换工具执行详情显示Ctrlx d/editor打开外部编辑器编写消息Ctrlx e/export导出对话为 MarkdownCtrlx x/theme列出可用主题Ctrlx t/exit退出 OpenCode别名/quit、/qCtrlx q三、快捷键大全基础操作快捷键功能Enter提交消息ShiftEnter或Ctrlj输入换行Ctrlv粘贴Ctrlc清空输入 / 退出Tab切换 AgentPlan/BuildShiftTab反向切换 AgentEscape中断当前会话消息浏览快捷键功能PgUp向上翻页PgDown向下翻页CtrlAltu向上翻半页CtrlAltd向下翻半页Ctrlg或Home跳到第一条消息CtrlAltg或End跳到最后一条消息Ctrlx y复制消息Leader 键命令OpenCode 使用Ctrlx作为 Leader 键可自定义后接字母触发命令快捷键功能Ctrlx h帮助 / 显示提示Ctrlx m模型列表Ctrlx n新会话Ctrlx l会话列表Ctrlx i初始化项目Ctrlx u撤销Ctrlx r重做Ctrlx s分享会话Ctrlx c压缩会话Ctrlx d详情切换Ctrlx e外部编辑器Ctrlx x导出会话Ctrlx t主题列表Ctrlx b切换侧边栏Ctrlx aAgent 列表Ctrlx g会话时间线Ctrlx q退出四、文件引用 符号使用可以快速引用项目文件支持模糊搜索api.ts 解释这个文件的作用src/utils/ 这个目录下的文件是做什么的文件内容会自动添加到对话上下文中AI 可以直接看到文件内容。技巧输入后会弹出文件搜索框支持模糊匹配输入部分文件名即可可以引用多个文件api.ts types.ts 这两个文件的关系是什么五、Shell 命令! 前缀以!开头可以直接执行 Shell 命令!ls -la!git status!npm run build命令输出会作为工具结果添加到对话中AI 可以看到执行结果并据此回答。使用场景查看目录结构!tree -L 2查看 Git 状态!git log --oneline -5运行测试!npm test查看进程!ps aux | grep node六、Plan 模式 vs Build 模式OpenCode 内置两个 Agent按Tab键切换 Plan Agent规划模式特点只分析不修改代码用途规划复杂功能、评估方案标识右下角显示 “Plan” Build Agent构建模式特点直接修改代码用途实际编码、修复 bug标识右下角显示 “Build”默认最佳实践复杂功能先 Plan 规划 → 确认方案 → 切 Build 实现简单修改直接 Build 模式代码审查用 Plan 模式分析代码示例工作流# 1. 切换到 Plan 模式按 Tab 我想给用户模块添加邮箱验证功能帮我规划一下实现方案 # 2. AI 给出方案后确认没问题 # 3. 切换到 Build 模式按 Tab 按照刚才的方案开始实现七、general 子代理除了 Plan 和 Build 两个主代理OpenCode 还有内置的子代理subagent可以通过提及来调用general通用子代理用于复杂搜索和多步骤任务general 在整个项目中搜索所有使用了 localStorage 的地方general 分析项目的依赖关系找出可能的循环依赖explore快速探索代码库的子代理适合快速查找文件和搜索代码explore 找到所有包含 TODO 注释的文件explore 这个项目的入口文件在哪里提示子代理会创建子会话你可以使用Ctrlx →和Ctrlx ←在父会话和子会话之间切换。八、会话操作撤销与重做/undo和/redo功能依赖 Git你的项目必须是一个 Git 仓库/undo# 撤销上一次 AI 的修改/redo# 重做刚才撤销的修改OpenCode 内部使用 Git 追踪文件变更/undo会回滚到上一次提交前的状态同时移除对话中对应的消息。会话管理/new# 新建会话别名/clear/sessions# 查看历史会话别名/resume/compact# 压缩会话以节省 Token分享与导出/share# 生成分享链接/unshare# 取消分享/export# 导出对话为 Markdown外部编辑器如果消息很长可以用外部编辑器编写/editor需要设置EDITOR环境变量exportEDITORvim# VimexportEDITORcode --wait# VS CodeexportEDITORcursor --wait# Cursor九、提示词技巧❌ 不好的提示帮我改一下代码让它更好修复 bug✅ 好的提示重构 src/utils/api.ts 中的 request 函数使用 async/await 替代 Promise.then并添加统一的错误处理登录表单点击提交时报错 Cannot read property of undefined 错误发生在 src/pages/login.ts 第 45 行 请帮我定位原因并修复为 src/utils/cart.ts 中的 calculateTotal 函数编写单元测试覆盖以下场景 1. 空购物车 2. 单个商品 3. 多个商品 4. 有折扣的情况提示词要素具体文件用引用相关文件明确目标说清楚要做什么上下文提供错误信息、期望结果约束条件技术栈、代码风格等十、图片支持直接拖拽图片到终端OpenCode 可以理解图片内容设计稿、错误截图、UI 原型图、流程图等[拖入设计稿图片] 按照这个设计稿实现登录页面[拖入错误截图] 帮我分析这个错误是什么原因十一、下一篇预告本文介绍了 OpenCode 的所有命令和使用技巧。下一篇《OpenCode 实战案例集》将通过 10 个真实开发场景展示如何用 OpenCode 解决实际问题。