游乐游手机版
首页/AI热点日报/热点详情

Fitten Code自定义代码片段配置方法

类型:热点整理2026-06-29
在技术领域深耕十余年,我深知一款趁手的插件能为开发效率带来多大提升。今天我们就来深入解析 Fitten Code 自定义片段配置,将实用技巧倾囊相授,助你一步到位地搭建高效工作流。 你是否希望在 VS Code 中,让 Fitten Code 针对选中代码快速完成“添加日志”、“转换为 async

在技术领域深耕十余年,我深知一款趁手的插件能为开发效率带来多大提升。今天我们就来深入解析 Fitten Code 自定义片段配置,将实用技巧倾囊相授,助你一步到位地搭建高效工作流。

你是否希望在 VS Code 中,让 Fitten Code 针对选中代码快速完成“添加日志”、“转换为 async/await”、“提取为独立函数”等高频操作?每次都手动输入指令,既拖慢节奏又缺乏专业感。关键就在于配置自定义代码片段 —— 它比右键菜单更轻盈,比对话框更直接,堪称让 Fitten Code 瞬间理解你意图的神器。

然而,这一切的前提是:必须将自定义片段配置为 .prompts/prompt.json 文件。标题必须为纯英文,且不能包含空格。JSON 格式需百分之百正确,同时该文件必须放置在工作区的根目录。完成配置后,重启 VS Code,你便能在右键菜单中看到它的身影。

直接进入核心要点:

准备自定义片段内容

先打开任意文本编辑器(例如在 VS Code 中新建一个 Untitled 文件),按照以下格式将你需要的片段模板编写好。

第一行:必须是一个纯英文的标题,不能包含空格、中文或标点符号。例如 AddConsoleLog 就是个不错的选择。从第二行开始,填入完整的指令内容。注意支持换行,但切勿使用变量占位符(如 ${1})或 VS Code 原生的 snippet 语法 —— Fitten Code 只识别自然语言。

举个例子:
AddConsoleLog
在函数入口和出口各插入一行console.log,打印函数名和参数值,使用模板字符串格式化输出。

如果标题中包含空格(例如 Add Console Log)或使用了中文,则该片段将彻底失效,无法生效。

创建并放置 prompts.json 文件

接下来,在当前工作区的根目录下,新建一个名为 .prompts 的隐藏文件夹(注意开头的英文句点,不能遗漏)。

进入该文件夹,新建一个文件,文件名必须为 prompt.json。请注意:是 prompt.json,而不是 prompts.jsonprompts.js,命名错误将导致所有配置白费。

将你写好的多个片段,按照 JSON 数组的格式填入其中。每个对象必须包含 titleprompt 两个字段,键名的大小写需严格匹配:

{ "prompts": [ { "title": "AddConsoleLog", "prompt": "在函数入口和出口各插入一行console.log,打印函数名和参数值,使用模板字符串格式化输出。" }, { "title": "ExtractToAsync", "prompt": "将当前同步函数改写为async/await风格,所有回调调用替换为await,错误处理统一用try/catch包裹。" } ] }

保存之前,务必仔细校验 JSON 语法。遗漏逗号、多余引号或末尾额外逗号,都会导致整个文件被直接忽略。

启用自定义片段

接下来,关闭并重新打开 VS Code,确保 Fitten Code 插件已登录,且状态显示为“已启用”。

打开任意一个代码文件,选中一段 JavaScript 函数,右键 → 查看上下文菜单末尾,检查是否有“Fitten Code”子菜单。

点进去,确认列表中包含了 AddConsoleLogExtractToAsync 这两个选项。

.prompts 文件夹必须位于当前打开的工作区根目录下。如果放置位置错误,例如放到了用户主目录或 .vscode 文件夹中,菜单项将无法正常显示。

点击 AddConsoleLog,等待几秒钟,AI 生成的日志语句会以可预览的形式弹出。确认无误后,点击“Apply”即可直接插入到你的代码中。

来源:https://www.php.cn/faq/2724535.html?uid=1221864

相关热点

继续查看同栏目近期热点。

延伸阅读

补充最近整理过的热点入口。