需创建带$1/$2/$0占位符的代码片段:一、通过设置→代码片段新建,输入含占位符模板并选语言保存;二、手动编辑snippets.json文件批量配置;三、选中代码右键“提取占位符”自动生成。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您希望在 Qoder 中快速插入常用代码结构,同时保留可编辑的占位符以便后续填充具体值,则需要创建带占位符的智能代码片段(Snippets)。以下是实现该目标的具体操作路径:
一、通过 Snippets 管理面板新建模板
Qoder 提供内置的 Snippets 管理界面,支持直接定义名称、作用域及含占位符的模板内容。占位符采用 $1、$2、$0 格式,其中 $0 表示最终光标停留位置。
1、点击 Qoder 右上角用户头像,选择「设置」→「代码片段(Snippets)」。
2、点击「+ 新建片段」按钮,输入片段名称(如:http-get-request)与描述(如:发起带 headers 的 GET 请求)。
3、在「内容」区域输入模板代码,并嵌入占位符,例如:
fetch("$1", {<br> method: "GET",<br> headers: {<br> "Authorization": "Bearer $2"<br> }<br>})<br> .then(res => res.json())<br> .then($0);
4、在「语言」下拉菜单中选择对应语法类型(如 JavaScript),点击「保存」。
二、使用 JSON 配置文件手动导入
对于批量定义或版本化管理,可直接编辑 Qoder 的 snippets.json 文件。每个条目支持 tabTrigger 触发词、scope 作用域限制和 body 数组格式的多行模板,占位符仍使用 $1/$2/$0 语法。
1、打开 Qoder 配置目录,定位至 snippets.json 文件(路径通常为 ~/.qoder/config/snippets.json)。
代码编辑 CLI 工具集合:Cursor CLI(agent)和 Qoder CLI(qodercli),用于代码修改、重构、Code Review 及自动化代码任务。
2、在 "javascript" 键下添加新对象,结构如下:
{<br> "http-get": {<br> "prefix": "httpget",<br> "body": [<br> "fetch(\"$1\", {",<br> " method: \"GET\",",<br> " headers: {",<br> " \"Authorization\": \"Bearer $2\"",<br> " }",<br> "})",<br> ".then(res => res.json())",<br> ".then($0);" <br> ],<br> "description": "HTTP GET with auth header"<br> }<br>}
3、保存文件后,在任意 JavaScript 编辑器中输入 httpget 并按 Tab 键,即可展开并跳转占位符。
三、在编辑器中实时生成并保存为片段
当已有代码块选中时,Qoder 支持从当前高亮内容反向生成 Snippet,自动识别变量位置并转换为占位符,适用于快速复用临时调试代码。
1、在编辑器中选中一段代码(如一个函数体或 API 调用语句)。
2、右键弹出菜单,选择「创建代码片段」→「提取占位符」。
3、系统自动将字符串字面量、标识符、数字等替换为 $1、$2 等,并在预览窗口中高亮显示所有占位点。
4、修改触发词(如 myapi)、设置语言范围,点击「确认保存」。

















