必须登录 fitten code 并在 settings.json 中正确配置 "fittencode.framework": "react" 或 "spring"(小写),spring 项目还需创建 .fittenconfig 指定 contextpaths,react 项目需启用 jsx 支持,否则框架感知失效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在 Fitten Code 中让 AI 理解 React 或 Spring 的项目结构、生命周期和常见模式,必须显式告诉它你正在用什么框架,否则它会按通用 Java/JavaScript 规则补全,生成的代码可能缺少 useEffect/useReducer、@RestController/@Service 注解,甚至漏掉关键 hook 调用顺序。
确认插件已启用并登录账号
打开 VS Code 或 IDEA,点击左侧活动栏的 Fitten Code 图标 → 若图标灰暗或显示“Not logged in”,点击“Sign in”完成微信扫码或邮箱注册。未登录状态下所有框架感知功能均被禁用。
这一步不可跳过——【未登录时即使配置了 framework 字段,模型也不会加载对应知识库】。
在 settings.json 中声明目标框架
按下 Ctrl+,(Windows/Linux)或 Cmd+,(Mac)打开设置 → 点击右上角“打开设置(JSON)”图标 → 在 {} 内添加以下字段:
"fittenCode.framework": "react"
或
"fittenCode.framework": "spring"
注意:值必须是小写字符串,且仅支持 react / spring / vue / nextjs / spring-boot 五种预设值;填错如 "React" 或 "SpringBoot" 将导致配置静默失效。
为 Spring 项目补充上下文路径
Spring 项目常含多模块结构,Fitten Code 默认只读取当前打开文件所在目录。若你的 @Controller 类在 src/main/java/com/example/web,而实体类在 src/main/java/com/example/domain,需手动指定根路径:
第一步:在项目根目录下创建 .fittenconfig 文件
第二步:写入以下内容(路径以正斜杠分隔,不加引号):
contextPaths:
- src/main/java
- src/main/resources
第三步:重启 VS Code 或执行命令面板(Ctrl+Shift+P)→ 输入 “Fitten: Reload Context” 并回车
不做这三步,Fitten Code 无法跨包解析 @Entity 与 @Repository 的映射关系,生成的 service 方法可能漏掉 transactional 声明。
针对 React 启用 JSX 智能感知
方法一:在 tsconfig.json 或 jsconfig.json 的 compilerOptions 中添加:
"jsx": "react-jsx"
方法二:在 Fitten Code 设置中开启实验性 JSX 支持:
"fittenCode.experimental.jsxSupport": true
开启后,输入 const [state, setState] = useState → 补全会自动建议 useReducer + reducer 结构;输入
注意:若项目使用 Preact 或 SolidJS,此配置无效,需切换为对应 framework 值。
验证框架识别是否生效
新建一个空文件,输入 // 使用 React 实现一个带 loading 状态的按钮 → 按 Ctrl+Alt+G 触发代码生成 → 观察输出是否包含 useState、useEffect 和 JSX 返回结构。
若生成的是 class Component 或纯 HTML 字符串,则说明 framework 配置未生效或未重启编辑器。











