Fitten Code使用体验

最近想学习一下前端知识,用一个小项目一边学一边做,就使用了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!"

相关推荐
黄筱筱筱筱筱筱筱2 小时前
7.适合新手小白学习Python的异常处理(Exception)
java·前端·数据库·python
Yeats_Liao2 小时前
微调决策树:何时使用Prompt Engineering,何时选择Fine-tuning?
前端·人工智能·深度学习·算法·决策树·机器学习·prompt
晚霞的不甘2 小时前
Flutter for OpenHarmony 实现 iOS 风格科学计算器:从 UI 到表达式求值的完整解析
前端·flutter·ui·ios·前端框架·交互
陈希瑞2 小时前
OpenClaw Chrome扩展使用教程 - 浏览器中继控制
前端·chrome
雨季6662 小时前
Flutter 三端应用实战:OpenHarmony “呼吸灯”——在焦虑时代守护每一次呼吸的数字禅修
开发语言·前端·flutter·ui·交互
切糕师学AI2 小时前
Vue 中如何修改地址栏参数并重新加载?
前端·javascript·vue.js
软弹2 小时前
Vue3如何融合TS
前端·javascript·vue.js
0思必得010 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东51610 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino11 小时前
图片、文件的预览
前端·javascript