最近想学习一下前端知识,用一个小项目一边学一边做,就使用了Fitten Code插件。
Fitten是一个VS Code插件,用于本地运行的AI代码自动补全和上下文聊天助手,对于新手来说非常大友好。
比如我想实现一个Note List的网页,有一个导出json的功能,只要我写出了对应的function name,它就会自动联想,然后帮助我实现该方法⬇️,接下来按tab就能把代码应用好了。

Fitten Code 插件主要功能
1. 代码自动补全
-
在你键入代码时,Fitten Code 会智能预测补全。
-
操作快捷键:
Tab
:接受整个建议。⌘ + ↓
(Mac)或Ctrl + ↓
(Win):接受一整行建议。⌘ + →
(Mac)或Ctrl + →
(Win):接受一个词的建议。
2. 聊天模式 (Chat with Fitten)
- 快捷键:
Ctrl + ⌘ + C
- 在打开的编辑器中按快捷键启动聊天窗口,可以提问代码相关问题,例如"这段代码什么意思?能帮我优化吗?"。
3. 上下文编辑 (Edit in context)
- 快捷键:
Ctrl + ⌘ + E
- 在选择了一段代码后,使用这个快捷键对其进行"改写"或"增强",如重构、优化、安全加固等。
4. 生成代码(从零开始)
- 快捷键:
Ctrl + ⌘ + G
- 在光标位置直接生成一段代码(例如:你输入注释
// 创建一个登录表单
,然后使用该快捷键,它会补充完整表单代码)。
5. 添加选中代码到对话(Chat Context)
- 快捷键:
Ctrl + ⌘ + X
- 选中一段代码后用此命令,将它添加到聊天上下文中,便于与 Chat 模块讨论。
如何使用Fitten Code的建议功能
输入代码时候比如:
ts
function sum(a: number, b: number) {
// 然后开始写 return...
}
它就会结合上下文自动联想补全,然后按Tab就能应用了。
当然,它的最大的好处就是本地化运行:
"with no network latency, safer code, and richer features!"